@import"https://api.fontshare.com/v2/css?f[]=clash-display@600&f[]=satoshi@300,900&display=swap";:root{--charcoal-blue: #0C1114;--dark-midnight: #0B1828;--deep-navy: #0E1D32;--space-blue: #142840;--ocean-blue: #102E42;--steel-blue: #1C3C54;--marine-blue: #034063;--sky-blue: #78BAE3;--ice-blue: #DDEEF8;--olive-gray: #505450;--sage-gray: #76796F;--ash-green: #909485;--satoshi: "Satoshi", sans-serif;--clash-display: "Clash Display", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;background:linear-gradient(to bottom,#0c1114,#0b1828,#0e1d32,#142840,#102e42,#1c3c54,#034063,#175980);background-attachment:fixed;background-repeat:no-repeat;background-size:cover}.subtitle{color:var(--ice-blue);font-family:var(--satoshi);font-weight:200;font-size:20px}::selection{background:#78bae3;color:#0e121b}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:linear-gradient(to bottom,#0c1114,#0b1828,#0e1d32,#142840,#102e42,#1c3c54,#034063,#175980)}::-webkit-scrollbar-thumb{background-color:var(--sage-gray);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--dark-midnight)}.title{color:var(--ash-green);font-family:var(--clash-display);font-size:96px;font-weight:900;line-height:1.1}.about-text{color:var(--ice-blue);font-family:var(--satoshi);font-size:20px;font-weight:200;line-height:1.6}.about-img img{max-width:400px;height:auto;display:block;margin:0 auto}.about{display:flex;padding:100px 160px 80px;gap:40px;align-items:center}@media (max-width: 1024px){.about{padding:80px 60px;gap:30px}.title{font-size:72px}.about-text{font-size:18px}.about-img img{max-width:300px}}@media (max-width: 768px){.about{flex-direction:column;padding:60px 24px;text-align:center}.about-content{display:flex;flex-direction:column;align-items:center}.title{font-size:48px}.about-text{font-size:16px}.about-img img{max-width:260px}}@media (max-width: 480px){.title{font-size:36px}.about-text{font-size:15px}.about{padding:40px 16px}}.header{width:100%;display:flex;justify-content:center;position:sticky;top:0;z-index:100;padding:24px 0;background:transparent;transition:all .3s ease-in-out}.header-nav{padding:12px 24px;display:flex;gap:2rem;background-color:transparent;border-radius:16px;-webkit-backdrop-filter:none;backdrop-filter:none;transition:all .3s ease-in-out}.header.scrolled .header-nav{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:28px;box-shadow:0 4px 30px #0003}.header a{color:var(--ash-green);font-family:var(--satoshi);font-size:20px;font-weight:900;text-decoration:none}.header a:hover{color:var(--sage-gray)}.menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:transparent;border:none;cursor:pointer;z-index:10;padding:0}.menu-toggle span{width:30px;height:3px;background-color:var(--ash-green);border-radius:3px;transition:all .3s ease-in-out}.menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.menu-toggle{display:flex;position:absolute;right:30px;top:24px}.header-nav{position:fixed;top:0;right:-100%;width:70%;max-width:300px;height:100vh;flex-direction:column;background-color:#0e1d32f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:80px 40px;gap:2rem;transition:right .3s ease-in-out;border-radius:0;align-items:flex-start;box-shadow:-5px 0 30px #0000004d}.header-nav.open{right:0}.header{justify-content:flex-end;padding:20px 30px}.header.scrolled .header-nav{border-radius:0}}.skills-text{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.title span{color:var(--neon-green)}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:40px 80px}.card{background-color:var(--deep-navy);border:1px solid var(--marine-blue);border-radius:16px;padding:20px;width:100%;max-width:500px;color:var(--ice-blue);font-family:var(--satoshi);cursor:pointer;transition:background-color .3s ease;overflow:hidden}.card:hover{background-color:var(--ocean-blue)}.card-header{display:flex;flex-direction:column;gap:4px}.card-title{font-size:1.2rem;font-weight:700;color:var(--ice-blue)}.card-description{font-size:.9rem;color:var(--ash-green)}.card-content{max-height:0;opacity:0;overflow:hidden;transition:all .3s ease;margin-top:0}.card.expanded .card-content{max-height:510px;opacity:1;margin-top:16px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0c1114cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;overflow-y:auto}.modal{background:var(--deep-navy);color:var(--ice-blue);font-family:var(--satoshi);padding:32px;border-radius:20px;box-shadow:0 8px 24px #0009;width:100%;max-width:500px;position:relative;animation:fadeIn .3s ease;border:1px solid var(--marine-blue);text-align:left}.modal h2{font-family:var(--clash-display);font-size:1.6rem;margin-bottom:16px;color:var(--sky-blue)}.modal p{font-size:1rem;line-height:1.5;color:var(--ice-blue);word-wrap:break-word}.close-btn{position:absolute;top:12px;right:16px;font-size:1.6rem;color:var(--ice-blue);background:transparent;border:none;cursor:pointer;transition:color .2s ease}.close-btn:hover{color:var(--sky-blue)}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.modal{padding:24px;max-width:90%}.modal h2{font-size:1.4rem}.modal p{font-size:.95rem}.close-btn{font-size:1.4rem}}@media (max-width: 480px){.modal{padding:20px;max-width:100%;border-radius:16px}.modal h2{font-size:1.2rem}.modal p{font-size:.9rem}.close-btn{font-size:1.2rem;top:10px;right:12px}}.work-container{padding:5rem 1.5rem;max-width:1200px;margin:0 auto}.work-text{display:flex;flex-direction:column;align-items:center;margin-bottom:3.5rem;text-align:center}.section-title{font-family:var(--clash-display);font-size:96px;font-weight:900;color:var(--ash-green);margin-bottom:1rem;position:relative;display:inline-block}.title{color:var(--ash-green);font-family:var(--clash-display);font-size:96px;font-weight:900}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin:2rem 0}.carousel-container{width:100%;max-width:1020px;overflow:hidden;padding:1rem 0}.carousel{display:flex;gap:1.5rem;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.project-card{flex:0 0 320px;min-width:320px;background-color:#ddeef81a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #00000040;border:1px solid rgba(120,186,227,.2);transform:translateY(0);transition:all .4s ease;height:450px;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000004d;border-color:#78bae366}.project-image{height:180px;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.image-placeholder{height:100%;background:linear-gradient(135deg,var(--space-blue),var(--deep-navy));display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;color:var(--ice-blue)}.placeholder-icon{font-size:2rem;margin-bottom:.5rem}.project-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.project-content h3{font-family:var(--satoshi);font-weight:600;font-size:1.25rem;color:var(--ice-blue);margin-bottom:.75rem}.project-content p{font-family:var(--satoshi);font-size:.95rem;color:#ddeef8cc;margin-bottom:1.25rem;line-height:1.6;flex-grow:1}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.tech-tag{font-family:var(--satoshi);font-size:.75rem;padding:.25rem .75rem;background-color:#142840cc;color:var(--sky-blue);border-radius:20px;border:1px solid rgba(120,186,227,.3);transition:all .3s ease}.tech-tag:hover{background-color:#78bae333;transform:translateY(-2px)}.project-links{display:flex;gap:1rem;margin-top:auto}.project-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-family:var(--satoshi);font-size:.9rem;font-weight:500;transition:all .3s ease;text-decoration:none}.github-link{background-color:var(--deep-navy);color:var(--ice-blue);border:1px solid var(--space-blue)}.github-link:hover{background-color:var(--space-blue);transform:translateY(-3px);box-shadow:0 4px 8px #0003}.demo-link{background-color:var(--sky-blue);color:var(--deep-navy);border:1px solid var(--sky-blue)}.demo-link:hover{background-color:var(--ice-blue);transform:translateY(-3px);box-shadow:0 4px 8px #0003}.carousel-btn{width:44px;height:44px;border-radius:50%;background-color:#142840cc;color:var(--ice-blue);border:1px solid rgba(120,186,227,.3);display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;z-index:10;box-shadow:0 4px 10px #0003;transition:all .3s ease;margin:0 10px}.carousel-btn:hover{background-color:var(--marine-blue);transform:scale(1.1)}.carousel-btn:focus{outline:none;box-shadow:0 0 0 3px var(--sky-blue)}.prev-btn{left:0}.next-btn{right:0}@keyframes pulse{0%{box-shadow:0 0 #78bae3b3}70%{box-shadow:0 0 0 10px #78bae300}to{box-shadow:0 0 #78bae300}}@media (max-width: 768px){.work-container{padding:3rem 1rem}.section-title{font-size:2.2rem}.carousel-container{max-width:660px}.project-card{flex:0 0 290px;min-width:290px;height:420px}.carousel-btn{width:40px;height:40px}.project-content h3{font-size:1.1rem}.project-content p{font-size:.9rem}}@media (max-width: 576px){.work-container{padding:2.5rem .75rem}.section-title{font-size:1.8rem}.carousel-container{max-width:300px}.project-card{flex:0 0 290px;min-width:290px;height:400px}.project-image{height:160px}.carousel-btn{width:36px;height:36px}.project-content{padding:1.25rem}.project-content h3{font-size:1rem;margin-bottom:.5rem}.project-content p{font-size:.85rem;margin-bottom:1rem}.tech-list{gap:.4rem;margin-bottom:1rem}.tech-tag{font-size:.7rem;padding:.2rem .6rem}.project-link{padding:.4rem .8rem;font-size:.8rem}}.xp-text{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 20px}.title{font-size:64px;color:var(--ash-green);font-family:var(--clash-display);font-weight:900;margin-bottom:16px}.subtitle{font-size:20px;font-family:var(--satoshi);color:var(--ice-blue);font-weight:300;max-width:800px}.cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:24px;padding:40px 80px}@media (max-width: 1024px){.title{font-size:48px}.subtitle{font-size:18px;padding:0 16px}.cards-container{padding:32px 40px}.card{width:100%;max-width:600px}}@media (max-width: 768px){.title{font-size:36px}.subtitle{font-size:16px}.cards-container{flex-direction:column;align-items:center;padding:24px 16px}.card{width:100%;max-width:500px}}@media (max-width: 480px){.title{font-size:28px}.subtitle{font-size:15px}.card{width:100%;max-width:100%}}#education{padding:6rem 2rem;width:100%;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}#education.visible{opacity:1;transform:translateY(0)}.ed-text{text-align:center;margin-bottom:4rem}.ed-content{display:flex;flex-direction:column;gap:3rem}.ed-entry{background:#0c1114b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(120,186,227,.1);transition:all .3s ease;cursor:pointer;opacity:0;transform:translateY(30px)}.ed-entry.animate-in{opacity:1;transform:translateY(0)}.ed-entry:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border:1px solid rgba(120,186,227,.3)}.ed-entry.active{border:1px solid rgba(120,186,227,.5);box-shadow:0 10px 50px #78bae326}.ed-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.ed-logo{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background-color:#ffffff0d;display:flex;align-items:center;justify-content:center}.ed-logo img{width:100%;height:100%;object-fit:contain}.ed-title{flex-grow:1}.ed-entry h2{color:var(--sky-blue);font-family:var(--clash-display);font-size:1.8rem;margin-bottom:.5rem;line-height:1.2}.ed-period{display:block;font-family:var(--satoshi);color:var(--ash-green);font-size:1rem;margin-bottom:1rem}.ed-description{color:var(--ice-blue);font-family:var(--satoshi);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.ed-skills h3{color:var(--sky-blue);font-family:var(--clash-display);font-size:1.3rem;margin-bottom:1.5rem;position:relative;display:inline-block}.ed-skills h3:after{content:"";position:absolute;bottom:-5px;left:0;width:40px;height:2px;background:var(--sky-blue);border-radius:2px}.skills-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.skill-item{margin-bottom:1rem}.skill-info{display:flex;justify-content:space-between;margin-bottom:.5rem;font-family:var(--satoshi);font-size:.9rem;color:var(--ice-blue)}.skill-percentage{color:var(--ash-green)}.skill-bar{height:6px;background-color:#ffffff1a;border-radius:3px;overflow:hidden}.skill-progress{height:100%;width:0;border-radius:3px;transition:width 1s ease-in-out}@media (max-width: 768px){.ed-header{flex-direction:column;align-items:flex-start;gap:1rem}.ed-logo{width:50px;height:50px}.skills-container{grid-template-columns:1fr}}@media (max-width: 480px){#education{padding:4rem 1rem}.title{font-size:2.5rem}.ed-entry{padding:1.5rem}.ed-entry h2{font-size:1.5rem}}#contact{padding:6rem 2rem;width:100%;max-width:1200px;margin:0 auto;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}#contact.visible{opacity:1;transform:translateY(0)}.contact-text{text-align:center;margin-bottom:4rem}.title{color:var(--ash-green);font-family:var(--clash-display);font-size:96px;font-weight:900;margin-bottom:1rem;letter-spacing:-.5px;position:relative;display:inline-block}.subtitle{color:var(--ice-blue);font-family:var(--satoshi);font-weight:300;font-size:1.2rem;max-width:600px;margin:0 auto}.contact-container{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem}.contact-card,.resume-card,.social-card{background:#0c1114b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem;box-shadow:0 8px 32px #0003;border:1px solid rgba(120,186,227,.1);transition:all .3s ease;opacity:0;transform:translateY(30px)}.contact-card.animate-in,.resume-card.animate-in,.social-card.animate-in{opacity:1;transform:translateY(0)}.contact-card:hover,.resume-card:hover,.social-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000004d;border:1px solid rgba(120,186,227,.3)}.contact-card h2,.resume-card h2,.social-card h2{color:var(--sky-blue);font-family:var(--clash-display);font-size:1.6rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.card-icon{color:var(--sky-blue);font-size:1.4rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--ice-blue);font-family:var(--satoshi);font-size:.9rem}.form-group input,.form-group textarea{background:#0c111480;border:1px solid rgba(120,186,227,.2);border-radius:6px;padding:.8rem 1rem;color:var(--ice-blue);font-family:var(--satoshi);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--sky-blue);box-shadow:0 0 0 2px #78bae34d}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(to right,var(--marine-blue),var(--sky-blue));color:var(--ice-blue);font-family:var(--satoshi);font-weight:600;font-size:1rem;border:none;border-radius:6px;padding:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:1rem}.submit-btn:hover{background:linear-gradient(to right,var(--steel-blue),var(--sky-blue));transform:translateY(-2px)}.btn-icon{font-size:1rem}.form-message{background:#0c111480;border-radius:6px;padding:1.5rem;text-align:center;font-family:var(--satoshi);animation:fadeIn .5s ease-out;margin-bottom:1rem}.form-message.success{border:1px solid rgba(120,222,120,.3);color:#78de78}.form-message.error{border:1px solid rgba(222,120,120,.3);color:#de7878}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-side{display:flex;flex-direction:column;gap:2rem}.resume-card{display:flex;flex-direction:column}.resume-card p{color:var(--ice-blue);font-family:var(--satoshi);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.download-btn{background:linear-gradient(to right,var(--deep-navy),var(--steel-blue));color:var(--ice-blue);font-family:var(--satoshi);font-weight:600;font-size:1rem;border:none;border-radius:6px;padding:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease;margin-top:auto}.download-btn:hover{background:linear-gradient(to right,var(--steel-blue),var(--deep-navy));transform:translateY(-2px)}.social-links{display:flex;flex-direction:column;gap:1rem}.social-btn{display:flex;align-items:center;gap:1rem;padding:.8rem 1.2rem;border-radius:8px;color:#fff;font-family:var(--satoshi);font-weight:500;text-decoration:none;transition:all .3s ease}.social-btn:hover{transform:translate(5px);filter:brightness(1.1)}.social-btn span{font-size:1rem}@media (max-width: 992px){.contact-container{grid-template-columns:1fr}.contact-side{grid-template-columns:1fr 1fr;display:grid}}@media (max-width: 768px){.contact-side{grid-template-columns:1fr}.social-links{display:grid;grid-template-columns:1fr 1fr}}@media (max-width: 480px){#contact{padding:4rem 1rem}.title{font-size:2.5rem}.social-links{grid-template-columns:1fr}}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;padding:2rem;background-color:var(--charcoal-blue);color:var(--ice-blue);font-family:var(--satoshi);border-top:1px solid var(--steel-blue)}.footer-left{flex:1 1 250px;font-size:.9rem}.footer-right{display:flex;gap:4rem;flex:1 1 300px;justify-content:flex-end;flex-wrap:wrap}.footer-section h4{font-family:var(--clash-display);margin-bottom:.5rem;color:var(--sky-blue);font-size:1rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.4rem}.footer-section a{text-decoration:none;color:var(--ice-blue);transition:color .3s ease}.footer-section a:hover{color:var(--sky-blue)}@media (max-width: 768px){.footer{flex-direction:column;text-align:center}.footer-right{justify-content:center;margin-top:1.5rem}}