:root{--bg:#080810;--surface:#ffffff0a;--surface-border:#ffffff14;--surface-hover:#ffffff12;--text-primary:#f0f0f5;--text-secondary:#f0f0f599;--text-muted:#f0f0f566;--cyan:#00f5ff;--violet:#a855f7;--orange:#f97316;--green:#22c55e;--blue:#3b82f6;--pink:#ec4899;--yellow:#eab308;--red:#ef4444;--radius-card:16px;--radius-badge:9999px;--font-heading:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--glow-cyan:0 0 30px #00f5ff33;--glow-violet:0 0 30px #a855f733;--glow-orange:0 0 30px #f9731633}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#00f5ff4d transparent}html::-webkit-scrollbar{width:6px}html::-webkit-scrollbar-track{background:0 0}html::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:3px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}input,textarea{font-family:var(--font-body);color:var(--text-primary);background:0 0;border:none;outline:none}img{max-width:100%;display:block}.scroll-progress{background:linear-gradient(90deg, var(--cyan), var(--violet));z-index:9999;transform-origin:0;height:2px;position:fixed;top:0;left:0}.cursor-glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#00f5ff1f 0%,#a855f70a 40%,#0000 70%);border-radius:50%;width:400px;height:400px;transition:opacity .3s;position:fixed;transform:translate(-50%,-50%)}.gradient-mesh{z-index:0;pointer-events:none;background:radial-gradient(80% 50% at 20% 40%,#00f5ff0f 0%,#0000 60%),radial-gradient(60% 80% at 80% 20%,#a855f70d 0%,#0000 60%),radial-gradient(70% 60% at 60% 80%,#f9731608 0%,#0000 60%);animation:15s ease-in-out infinite alternate meshShift;position:fixed;inset:0}@keyframes meshShift{0%{background:radial-gradient(80% 50% at 20% 40%,#00f5ff0f 0%,#0000 60%),radial-gradient(60% 80% at 80% 20%,#a855f70d 0%,#0000 60%),radial-gradient(70% 60% at 60% 80%,#f9731608 0%,#0000 60%)}50%{background:radial-gradient(60% 70% at 70% 60%,#00f5ff12 0%,#0000 60%),radial-gradient(80% 50% at 20% 80%,#a855f70f 0%,#0000 60%),radial-gradient(50% 80% at 50% 20%,#f973160a 0%,#0000 60%)}to{background:radial-gradient(70% 60% at 50% 30%,#00f5ff0d 0%,#0000 60%),radial-gradient(50% 90% at 30% 70%,#a855f712 0%,#0000 60%),radial-gradient(80% 40% at 80%,#f9731608 0%,#0000 60%)}}.dot-grid{z-index:0;pointer-events:none;opacity:.035;perspective:500px;position:fixed;inset:0;overflow:hidden}.dot-grid-inner{background-image:radial-gradient(circle,#00f5ffcc 1px,#0000 1px);background-size:40px 40px;width:200%;height:200%;animation:30s linear infinite gridPan;position:absolute;top:-50%;left:-50%;transform:rotateX(60deg)translateZ(-100px)}@keyframes gridPan{0%{transform:rotateX(60deg)translateZ(-100px)translateY(0)}to{transform:rotateX(60deg)translateZ(-100px)translateY(80px)}}.ambient-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.ambient-orb-1{background:var(--cyan);opacity:.14;width:600px;height:600px;animation:18s ease-in-out infinite orbDrift1;top:-150px;right:-150px}.ambient-orb-2{background:var(--violet);opacity:.12;width:700px;height:700px;animation:22s ease-in-out infinite orbDrift2;bottom:-250px;left:-250px}.ambient-orb-3{background:var(--orange);opacity:.07;width:500px;height:500px;animation:16s ease-in-out infinite orbDrift3;top:40%;left:50%}.ambient-orb-4{background:var(--pink);opacity:.06;width:450px;height:450px;animation:24s ease-in-out infinite orbDrift4;top:20%;right:30%}.ambient-orb-5{background:var(--cyan);opacity:.08;width:350px;height:350px;animation:20s ease-in-out infinite orbDrift5;bottom:30%;right:-100px}@keyframes orbDrift1{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-120px,80px)scale(1.1)}50%{transform:translate(60px,160px)scale(.9)}75%{transform:translate(140px,-60px)scale(1.05)}}@keyframes orbDrift2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(150px,-120px)scale(1.15)}66%{transform:translate(-80px,-160px)scale(.85)}}@keyframes orbDrift3{0%,to{transform:translate(0)scale(1)}25%{transform:translate(-160px,100px)scale(1.2)}50%{transform:translate(-200px,-60px)scale(.8)}75%{transform:translate(80px,-120px)scale(1.1)}}@keyframes orbDrift4{0%,to{transform:translate(0)scale(1)}50%{transform:translate(200px,150px)scale(1.3)}}@keyframes orbDrift5{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-100px,-80px)scale(1.15)}66%{transform:translate(60px,120px)scale(.9)}}.particle{pointer-events:none;border-radius:50%;animation:linear infinite particleFloat;position:absolute}.particle-cyan{background:#00f5ff80;box-shadow:0 0 6px #00f5ff4d}.particle-violet{background:#a855f780;box-shadow:0 0 6px #a855f74d}.particle-white{background:#ffffff4d}@keyframes particleFloat{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}5%{opacity:1}50%{opacity:.8;transform:translateY(-50vh)translate(30px)scale(1.2)}95%{opacity:.6}to{opacity:0;transform:translateY(-110vh)translate(-20px)scale(.5)}}.shooting-star{pointer-events:none;z-index:0;opacity:0;background:linear-gradient(90deg,#00f5ff99,#0000);width:80px;height:1px;animation:linear infinite shootingStar;position:fixed}@keyframes shootingStar{0%{opacity:0;transform:translate(0)translateY(0)rotate(-35deg)}2%{opacity:1}8%{opacity:0;transform:translate(300px)translateY(200px)rotate(-35deg)}to{opacity:0}}.noise-overlay{z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.section{z-index:2;max-width:1280px;margin:0 auto;padding:100px 24px;position:relative}.section-title{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:48px;font-size:1.05rem}.glass-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-card);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;position:absolute;inset:0}.badge{border-radius:var(--radius-badge);color:var(--cyan);white-space:nowrap;background:#00f5ff14;border:1px solid #00f5ff26;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.badge-violet{color:var(--violet);background:#a855f714;border-color:#a855f726}.badge-orange{color:var(--orange);background:#f9731614;border-color:#f9731626}.badge-green{color:var(--green);background:#22c55e14;border-color:#22c55e26}.badge-blue{color:var(--blue);background:#3b82f614;border-color:#3b82f626}.badge-pink{color:var(--pink);background:#ec489914;border-color:#ec489926}.badge-yellow{color:var(--yellow);background:#eab30814;border-color:#eab30826}.navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border);background:#080810bf;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1280px;height:72px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{font-family:var(--font-heading);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.navbar-links{align-items:center;gap:8px;list-style:none;display:flex}.navbar-link{color:var(--text-secondary);cursor:pointer;padding:8px 14px;font-size:.88rem;transition:color .2s;position:relative}.navbar-link:hover,.navbar-link.active{color:var(--text-primary)}.navbar-link-underline{background:var(--cyan);border-radius:1px;height:2px;position:absolute;bottom:0;left:14px;right:14px}.navbar-socials{align-items:center;gap:12px;display:flex}.navbar-social-icon{color:var(--text-secondary);align-items:center;transition:color .2s,transform .2s;display:flex}.navbar-social-icon:hover{color:var(--cyan);transform:translateY(-2px)}.hamburger{cursor:pointer;z-index:1001;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border);z-index:999;background:#080810f2;padding:20px 24px;position:fixed;top:72px;left:0;right:0}.mobile-menu .navbar-link{padding:12px 0;font-size:1rem;display:block}.hero{align-items:center;min-height:100vh;padding-top:72px;display:flex;position:relative;overflow:hidden}.hero-inner{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:grid}.hero-greeting{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;font-size:1rem}.hero-name{margin-bottom:16px;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.hero-name-gradient{background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-typewriter{color:var(--cyan);min-height:2rem;font-size:1.35rem;font-family:var(--font-heading);margin-bottom:20px;font-weight:500}.hero-typewriter .cursor{background:var(--cyan);vertical-align:middle;width:2px;height:1.2em;margin-left:4px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.hero-bio{color:var(--text-secondary);max-width:500px;margin-bottom:32px;font-size:1.05rem;line-height:1.7}.hero-ctas{flex-wrap:wrap;gap:16px;margin-bottom:24px;display:flex}.btn-primary{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#080810;border-radius:var(--radius-badge);align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-primary:hover{box-shadow:0 8px 32px #00f5ff4d}.btn-secondary{border:1px solid var(--surface-border);color:var(--text-primary);border-radius:var(--radius-badge);background:0 0;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.btn-secondary:hover{border-color:var(--cyan);background:#00f5ff0d}.status-badge{border-radius:var(--radius-badge);color:var(--green);background:#22c55e14;border:1px solid #22c55e33;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:500;display:inline-flex}.pulse-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 8px #22c55e00}}.hero-visual{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-3d-container{perspective:800px;width:400px;height:400px;position:relative}.hero-ring{border:2px solid #00f5ff26;border-radius:50%;animation:8s linear infinite ringRotate;position:absolute;inset:0}.hero-ring-inner{border:1px solid #a855f726;border-radius:50%;animation:12s linear infinite reverse ringRotate;position:absolute;inset:40px}.hero-ring-dotted{border:2px dashed #00f5ff1a;border-radius:50%;animation:20s linear infinite ringRotate;position:absolute;inset:80px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-center-glow{background:radial-gradient(circle,#00f5ff33,#0000 70%);border-radius:50%;width:120px;height:120px;animation:3s ease-in-out infinite centerPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes centerPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.3)}}.orbit-badge{border-radius:var(--radius-badge);white-space:nowrap;color:var(--cyan);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00f5ff14;border:1px solid #00f5ff33;padding:6px 12px;font-size:.72rem;font-weight:600;position:absolute}.stats-strip{z-index:2;max-width:1280px;margin:0 auto;padding:40px 24px 80px;position:relative}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;display:grid}.stat-card{text-align:center;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px 20px}.stat-emoji{margin-bottom:8px;font-size:1.8rem}.stat-number{font-family:var(--font-heading);background:linear-gradient(135deg, var(--cyan), var(--violet));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700}.stat-label{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.about-grid{grid-template-columns:300px 1fr;align-items:center;gap:60px;display:grid}.about-avatar{width:250px;height:250px;margin:0 auto;position:relative}.about-avatar-ring{background:linear-gradient(135deg, var(--cyan), var(--violet)) border-box;-webkit-mask-composite:xor;border:2px solid #0000;border-radius:50%;animation:6s linear infinite ringRotate;position:absolute;inset:-10px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.about-avatar-inner{background:linear-gradient(135deg,#00f5ff26,#a855f726);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:5rem;display:flex;overflow:hidden}.about-text h3{margin-bottom:16px;font-size:1.8rem}.about-text p{color:var(--text-secondary);margin-bottom:24px;line-height:1.8}.about-pills{flex-wrap:wrap;gap:10px;display:flex}.skills-tabs{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.skill-tab{border-radius:var(--radius-badge);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.skill-tab.active{color:var(--text-primary)}.skill-tab-bg{border-radius:var(--radius-badge);background:var(--surface);border:1px solid var(--surface-border);position:absolute;inset:0}.skills-grid{flex-wrap:wrap;gap:12px;display:flex}.skill-badge{border-radius:var(--radius-badge);background:var(--surface);border:1px solid var(--surface-border);cursor:default;align-items:center;gap:6px;padding:10px 18px;font-size:.85rem;font-weight:500;transition:border-color .2s;display:inline-flex}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:40px;display:flex}.filter-btn{border-radius:var(--radius-badge);color:var(--text-secondary);cursor:pointer;padding:8px 18px;font-size:.85rem;font-weight:500;transition:all .2s;position:relative}.filter-btn.active{color:var(--text-primary);background:var(--surface);border:1px solid var(--surface-border)}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px;display:grid}.project-card{cursor:pointer;padding:28px}.project-card.featured{grid-column:1/-1}.project-year{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.project-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.4rem;font-weight:600}.project-featured-tag{border-radius:var(--radius-badge);text-transform:uppercase;letter-spacing:1px;color:var(--cyan);background:#00f5ff1a;align-items:center;gap:4px;margin-bottom:12px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.project-stack{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.project-stack .badge{padding:4px 10px;font-size:.72rem}.project-features{list-style:none}.project-features li{color:var(--text-secondary);margin-bottom:4px;padding-left:16px;font-size:.9rem;line-height:1.6;position:relative}.project-features li:before{content:"▹";color:var(--cyan);position:absolute;left:0}.shimmer-overlay{border-radius:inherit;pointer-events:none;z-index:1;position:absolute;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#080810cc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-card);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#10101cf2;width:100%;max-width:720px;max-height:85vh;padding:36px;position:relative;overflow-y:auto}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-thumb{background:#00f5ff33;border-radius:2px}.modal-close{background:var(--surface);border:1px solid var(--surface-border);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--text-primary);border-color:var(--cyan)}.timeline{perspective:1200px;max-width:900px;margin:0 auto;position:relative}.timeline-line{background:linear-gradient(180deg, var(--cyan), var(--violet), transparent);width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:40px;display:flex;position:relative}.timeline-item:nth-child(odd){justify-content:flex-start;padding-right:calc(50% + 40px)}.timeline-item:nth-child(2n){justify-content:flex-end;padding-left:calc(50% + 40px)}.timeline-dot{background:var(--cyan);border:3px solid var(--bg);z-index:2;border-radius:50%;width:14px;height:14px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #00f5ff66}.timeline-card{width:100%;padding:24px}.timeline-year{font-family:var(--font-heading);color:var(--cyan);margin-bottom:6px;font-size:.85rem;font-weight:600}.timeline-title{font-family:var(--font-heading);margin-bottom:6px;font-size:1.1rem;font-weight:600}.timeline-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.education-card{max-width:640px;margin:0 auto;padding:40px}.education-card h3{margin-bottom:8px;font-size:1.5rem}.education-card .school{color:var(--cyan);margin-bottom:4px;font-size:1.05rem}.education-card .duration{color:var(--text-muted);margin-bottom:16px;font-size:.9rem}.education-card .focus{color:var(--text-secondary);font-size:.95rem}.cert-tabs{gap:8px;margin-bottom:36px;display:flex}.cert-tab{border-radius:var(--radius-badge);color:var(--text-secondary);cursor:pointer;padding:10px 20px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.cert-tab.active{color:var(--text-primary)}.cert-tab-bg{border-radius:var(--radius-badge);background:var(--surface);border:1px solid var(--surface-border);position:absolute;inset:0}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.cert-card{padding:24px;position:relative}.cert-card-border{border-radius:var(--radius-card) var(--radius-card) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.cert-issuer{color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.cert-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.15rem;font-weight:600}.cert-date{color:var(--text-muted);margin-bottom:12px;font-size:.8rem}.cert-desc{color:var(--text-secondary);margin-bottom:12px;font-size:.88rem;line-height:1.6}.cert-badges{flex-wrap:wrap;gap:6px;display:flex}.achievements-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.achievement-card{padding:24px}.achievement-emoji{margin-bottom:12px;font-size:2rem}.achievement-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.05rem;font-weight:600}.achievement-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.contact-grid{grid-template-columns:1fr 1fr;gap:48px;display:grid}.contact-links{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact-link-card{cursor:pointer;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:border-color .2s;display:flex}.contact-link-card:hover{border-color:var(--cyan)}.contact-link-icon{flex-shrink:0;font-size:1.5rem}.contact-link-label{color:var(--text-muted);font-size:.85rem}.contact-link-value{font-size:.9rem;font-weight:500}.contact-form{flex-direction:column;gap:16px;display:flex}.form-group{position:relative}.form-input,.form-textarea{background:var(--surface);border:1px solid var(--surface-border);width:100%;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f5ff1a}.form-textarea{resize:vertical;min-height:120px}.btn-submit{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#080810;border-radius:var(--radius-badge);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1rem;font-weight:600;transition:box-shadow .2s;display:inline-flex}.btn-submit:hover{box-shadow:0 8px 32px #00f5ff4d}.toast{border-radius:var(--radius-card);border:1px solid var(--surface-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:3000;background:#10101cf2;padding:14px 24px;font-size:.9rem;font-weight:500;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 32px #0000004d}.footer{z-index:2;border-top:1px solid var(--surface-border);text-align:center;padding:48px 24px;position:relative;overflow:hidden}.footer-text{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.footer-socials{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.footer-social{background:var(--surface);border:1px solid var(--surface-border);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-social:hover{color:var(--cyan);border-color:var(--cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.hex-grid{opacity:.04;pointer-events:none;position:absolute;inset:0;overflow:hidden}.back-to-top{background:linear-gradient(135deg, var(--cyan), var(--violet));color:#080810;z-index:900;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 4px 20px #00f5ff4d}.cert-modal-header{text-align:center;border-bottom:1px solid var(--surface-border);margin-bottom:24px;padding-bottom:24px}.cert-modal-logo{background:linear-gradient(135deg,#00f5ff26,#a855f726);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:1.5rem;display:flex}.cert-modal-title{font-family:var(--font-heading);margin-bottom:8px;font-size:1.5rem;font-weight:700}.cert-modal-issuer{color:var(--cyan);font-size:.95rem}.cert-modal-details{gap:16px;display:grid}.cert-modal-row{gap:12px;display:flex}.cert-modal-label{color:var(--text-muted);min-width:100px;font-size:.85rem}.cert-modal-value{color:var(--text-primary);font-size:.9rem}.architecture-diagram{background:#00f5ff08;border:1px solid #00f5ff1a;border-radius:12px;margin-top:24px;padding:24px}.architecture-diagram svg text{fill:var(--text-primary);font-family:var(--font-heading);font-size:11px}.architecture-diagram svg rect{rx:8;ry:8}@media (width<=1024px){.achievements-grid{grid-template-columns:repeat(2,1fr)}.hero-inner{text-align:center;grid-template-columns:1fr}.hero-visual{display:none}.hero-bio{max-width:100%}.hero-ctas{justify-content:center}.about-grid{text-align:center;grid-template-columns:1fr}.about-pills{justify-content:center}.contact-grid{grid-template-columns:1fr}}@media (width<=768px){.section{padding:60px 0}.section-title{font-size:2rem}.navbar-links,.navbar-socials{display:none}.hamburger{display:flex}.projects-grid,.cert-grid,.achievements-grid,.contact-links{grid-template-columns:1fr}.timeline-line{left:20px}.timeline-item:nth-child(odd),.timeline-item:nth-child(2n){justify-content:flex-start;padding-left:56px;padding-right:0}.timeline-dot{left:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.section{padding:40px 16px}.hero-name{font-size:2.2rem}.stats-grid{grid-template-columns:1fr 1fr}.filter-bar{gap:6px}}