@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@400;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}:root{--bg:#050b14;--bg2:#080f1c;--bg3:#0c1525;--card:hsla(0,0%,100%,.04);--card-hov:hsla(0,0%,100%,.07);--surface:hsla(0,0%,100%,.06);--border:hsla(0,0%,100%,.08);--border-hov:rgba(0,212,255,.35);--cyan:#00d4ff;--cyan-dim:#0ac;--cyan-10:rgba(0,212,255,.1);--cyan-20:rgba(0,212,255,.2);--cyan-40:rgba(0,212,255,.4);--purple:#a855f7;--purple-10:rgba(168,85,247,.1);--pink:#ec4899;--green:#4ade80;--grad:linear-gradient(135deg,#00d4ff,#a855f7);--grad-text:linear-gradient(135deg,#00d4ff,#a855f7);--t1:#e2eaf4;--t2:#7a9cb5;--t3:#3d5870;--h:68px;--r:16px;--ease:0.28s cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#050b14;background:var(--bg);color:#e2eaf4;color:var(--t1);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#050b14;background:var(--bg)}::-webkit-scrollbar-thumb{background:linear-gradient(#00d4ff,#a855f7);background:linear-gradient(var(--cyan),var(--purple));border-radius:99px}@-webkit-keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes slideR{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideR{0%{opacity:0;-webkit-transform:translateX(-40px);transform:translateX(-40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideL{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideL{0%{opacity:0;-webkit-transform:translateX(40px);transform:translateX(40px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideT{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideT{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-16px);transform:translateY(-16px)}}@-webkit-keyframes floatR{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-10px) rotate(3deg);transform:translateY(-10px) rotate(3deg)}}@keyframes floatR{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-10px) rotate(3deg);transform:translateY(-10px) rotate(3deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes barGrow{0%{width:0!important}to{width:var(--w)}}@keyframes barGrow{0%{width:0!important}to{width:var(--w)}}@-webkit-keyframes ringPulse{0%,to{opacity:.55;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(1.07);transform:scale(1.07)}}@keyframes ringPulse{0%,to{opacity:.55;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.3;-webkit-transform:scale(1.07);transform:scale(1.07)}}@-webkit-keyframes meshMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes meshMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes particleDrift{0%{opacity:.6;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{opacity:.3;-webkit-transform:translate(30px,-40px) scale(1.2);transform:translate(30px,-40px) scale(1.2)}to{opacity:.6;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@keyframes particleDrift{0%{opacity:.6;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}50%{opacity:.3;-webkit-transform:translate(30px,-40px) scale(1.2);transform:translate(30px,-40px) scale(1.2)}to{opacity:.6;-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}}@-webkit-keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,212,255,.25)}50%{box-shadow:0 0 40px rgba(0,212,255,.5),0 0 80px rgba(168,85,247,.2)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px rgba(0,212,255,.25)}50%{box-shadow:0 0 40px rgba(0,212,255,.5),0 0 80px rgba(168,85,247,.2)}}@-webkit-keyframes borderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes borderFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes scaleIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.reveal{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,transform .7s ease;transition:opacity .7s ease,transform .7s ease,-webkit-transform .7s ease}.reveal.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.reveal-left{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,transform .7s ease;transition:opacity .7s ease,transform .7s ease,-webkit-transform .7s ease}.reveal-left.visible{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.reveal-right{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px);transition:opacity .7s ease,-webkit-transform .7s ease;transition:opacity .7s ease,transform .7s ease;transition:opacity .7s ease,transform .7s ease,-webkit-transform .7s ease}.reveal-right.visible{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.s-label{background:rgba(0,212,255,.1);background:var(--cyan-10);border:1px solid rgba(0,212,255,.2);border:1px solid var(--cyan-20);border-radius:50px;color:#00d4ff;color:var(--cyan);display:inline-block;font-size:10px;font-weight:700;letter-spacing:3.5px;margin-bottom:16px;padding:5px 16px;text-transform:uppercase}.s-title{color:#e2eaf4;color:var(--t1);font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.12;margin-bottom:10px}.s-title span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.s-line{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border-radius:99px;height:3px;margin:0 auto 52px;width:56px}.header{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:rgba(5,11,20,.8);border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--border);display:flex;height:68px;height:var(--h);justify-content:space-between;left:0;padding:0 7%;position:fixed;top:0;transition:background .3s ease,border-color .3s ease;width:100%;z-index:1000}.header.scrolled{background:rgba(5,11,20,.95);border-color:rgba(0,212,255,.2);border-color:var(--cyan-20)}.logo{-webkit-animation:slideR .6s ease both;animation:slideR .6s ease both;color:#e2eaf4;color:var(--t1);font-size:20px;font-weight:900;letter-spacing:-.5px}.logo span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.navbar{align-items:center;display:flex;gap:2px}.navbar a{-webkit-animation:slideT .4s ease both;animation:slideT .4s ease both;-webkit-animation-delay:calc(.06s*var(--i));animation-delay:calc(.06s*var(--i));border-radius:10px;color:#7a9cb5;color:var(--t2);font-size:13px;font-weight:500;opacity:0;padding:7px 13px;position:relative;transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:color var(--ease),background var(--ease)}.navbar a:after{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border-radius:99px;bottom:3px;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .28s cubic-bezier(.4,0,.2,1);transition:width var(--ease);width:0}.navbar a:hover{color:#00d4ff;color:var(--cyan)}.navbar a:hover:after{width:60%}.navbar a.resume-link{background:rgba(0,212,255,.1);background:var(--cyan-10);border:1px solid rgba(0,212,255,.4);border:1px solid var(--cyan-40);border-radius:10px;color:#00d4ff;color:var(--cyan);margin-left:6px}.navbar a.resume-link:hover{box-shadow:0 0 18px rgba(0,212,255,.2);box-shadow:0 0 18px var(--cyan-20);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.fa-xl{font-size:22px}.fa-xl,.fa-xmark{color:#e2eaf4;color:var(--t1);cursor:pointer;position:absolute;right:22px;top:22px;visibility:hidden}.fa-xmark{font-size:24px}#home.home{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:128px 7% 80px;padding:calc(var(--h) + 60px) 7% 80px;position:relative}#home.home:before{-webkit-animation:meshMove 12s ease infinite;animation:meshMove 12s ease infinite;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,212,255,.08) 0,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(168,85,247,.07) 0,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(0,212,255,.05) 0,transparent 60%),#050b14;background:radial-gradient(ellipse 80% 60% at 50% 0,rgba(0,212,255,.08) 0,transparent 70%),radial-gradient(ellipse 50% 50% at 80% 80%,rgba(168,85,247,.07) 0,transparent 60%),radial-gradient(ellipse 50% 50% at 20% 80%,rgba(0,212,255,.05) 0,transparent 60%),var(--bg);background-size:200% 200%;content:"";inset:0;position:absolute;z-index:0}.hero-orb{border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.hero-orb--1{-webkit-animation:particleDrift 10s ease-in-out infinite;animation:particleDrift 10s ease-in-out infinite;background:rgba(0,212,255,.07);height:400px;left:-100px;top:-100px;width:400px}.hero-orb--2{animation:particleDrift 14s ease-in-out infinite reverse;background:rgba(168,85,247,.06);bottom:-80px;height:300px;right:-80px;width:300px}.hero-orb--3{-webkit-animation:particleDrift 8s ease-in-out 2s infinite;animation:particleDrift 8s ease-in-out 2s infinite;background:rgba(0,212,255,.04);height:200px;right:10%;top:40%;width:200px}#home.home.home--no-img{text-align:center}.home-content--center{max-width:780px;position:relative;width:100%;z-index:1}.home--no-img .greeting,.home--no-img .hero-btns,.home--no-img .home-sci{justify-content:center}.home--no-img .hero-bio{margin-left:auto;margin-right:auto}.greeting{align-items:center;-webkit-animation:fadeUp .6s ease .2s both;animation:fadeUp .6s ease .2s both;background:rgba(0,212,255,.1);background:var(--cyan-10);border:1px solid rgba(0,212,255,.2);border:1px solid var(--cyan-20);border-radius:50px;color:#00d4ff;color:var(--cyan);display:inline-flex;font-size:11px;font-weight:700;gap:10px;letter-spacing:3px;margin-bottom:22px;opacity:0;padding:6px 18px;text-transform:uppercase}.home-content h1{-webkit-animation:fadeUp .8s ease .35s both;animation:fadeUp .8s ease .35s both;color:#e2eaf4;color:var(--t1);font-family:Poppins,sans-serif;font-size:clamp(40px,6vw,78px);font-weight:900;letter-spacing:-2.5px;line-height:1.04;margin-bottom:8px;opacity:0}.name-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-filter:drop-shadow(0 0 30px rgba(0,212,255,.35));filter:drop-shadow(0 0 30px rgba(0,212,255,.35))}.typed-line{-webkit-animation:fadeUp .6s ease .6s both;animation:fadeUp .6s ease .6s both;color:#7a9cb5;color:var(--t2);font-size:clamp(18px,2.4vw,24px);font-weight:500;margin-bottom:22px;opacity:0}.text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-bio{-webkit-animation:fadeUp .6s ease .75s both;animation:fadeUp .6s ease .75s both;color:#7a9cb5;color:var(--t2);font-size:16px;line-height:1.85;margin-bottom:36px;max-width:520px;opacity:0}.home-sci{-webkit-animation:fadeUp .6s ease .9s both;animation:fadeUp .6s ease .9s both;display:flex;gap:10px;margin-bottom:32px;opacity:0}.home-sci a{align-items:center;background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:12px;color:#7a9cb5;color:var(--t2);display:inline-flex;font-size:17px;height:42px;justify-content:center;transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);width:42px}.home-sci a:hover{background:rgba(0,212,255,.1);background:var(--cyan-10);border-color:rgba(0,212,255,.4);border-color:var(--cyan-40);box-shadow:0 8px 24px rgba(0,212,255,.2);box-shadow:0 8px 24px var(--cyan-20);color:#00d4ff;color:var(--cyan);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.hero-btns{-webkit-animation:fadeUp .6s ease 1.05s both;animation:fadeUp .6s ease 1.05s both;display:flex;flex-wrap:wrap;gap:16px;opacity:0}.btn-primary{align-items:center;-webkit-animation:glowPulse 3s ease-in-out infinite;animation:glowPulse 3s ease-in-out infinite;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border:none;border-radius:50px;color:#050b14;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.5px;padding:14px 32px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--ease),-webkit-transform var(--ease);transition:box-shadow var(--ease),transform var(--ease);transition:box-shadow var(--ease),transform var(--ease),-webkit-transform var(--ease)}.btn-primary:hover{box-shadow:0 0 0 4px rgba(0,212,255,.2),0 10px 40px rgba(0,212,255,.4);box-shadow:0 0 0 4px var(--cyan-20),0 10px 40px rgba(0,212,255,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-ghost{align-items:center;background:transparent;border:1.5px solid hsla(0,0%,100%,.08);border:1.5px solid var(--border);border-radius:50px;color:#e2eaf4;color:var(--t1);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;padding:13px 32px;transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),background var(--ease),color var(--ease),-webkit-transform var(--ease);transition:border-color var(--ease),background var(--ease),transform var(--ease),color var(--ease);transition:border-color var(--ease),background var(--ease),transform var(--ease),color var(--ease),-webkit-transform var(--ease)}.btn-ghost:hover{background:rgba(0,212,255,.1);background:var(--cyan-10);border-color:#00d4ff;border-color:var(--cyan);color:#00d4ff;color:var(--cyan);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.hero-scroll{align-items:center;-webkit-animation:fadeIn 1s ease 1.8s both;animation:fadeIn 1s ease 1.8s both;bottom:30px;display:flex;flex-direction:column;gap:8px;left:50%;opacity:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hero-scroll span{color:#3d5870;color:var(--t3);font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.hero-scroll-line{background:linear-gradient(180deg,#00d4ff,transparent);background:linear-gradient(to bottom,var(--cyan),transparent);height:40px;width:1px}.about{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1.45fr;overflow:hidden;padding:110px 7%;position:relative}.about:before{background:radial-gradient(circle,rgba(0,212,255,.04) 0,transparent 70%);border-radius:50%;content:"";height:600px;left:-200px;pointer-events:none;position:absolute;top:-200px;width:600px}.about-img-col{display:flex;justify-content:center}.about-avatar-wrap{flex-shrink:0;height:320px;position:relative;width:320px}.about-blob{border-radius:50%;-webkit-filter:blur(60px);filter:blur(60px);pointer-events:none;position:absolute;z-index:0}.about-blob--1{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;background:rgba(0,212,255,.1);height:240px;left:-30px;top:-30px;width:240px}.about-blob--2{animation:float 8s ease-in-out infinite reverse;background:rgba(168,85,247,.09);bottom:-20px;height:180px;right:-20px;width:180px}.about-avatar{inset:0;position:absolute;z-index:1}.about-avatar-ring{-webkit-animation:ringPulse 4s ease-in-out infinite,spin 14s linear infinite;animation:ringPulse 4s ease-in-out infinite,spin 14s linear infinite;background:conic-gradient(from 0deg,#00d4ff,#a855f7,#ec4899,#00d4ff);background:conic-gradient(from 0deg,var(--cyan),var(--purple),var(--pink),var(--cyan));border-radius:50%;-webkit-filter:blur(2px);filter:blur(2px);inset:-12px;opacity:.55;position:absolute}.about-avatar-gap{background:#050b14;background:var(--bg);border-radius:50%;inset:-5px;position:absolute}.about-avatar img{border:2px solid rgba(0,212,255,.2);border:2px solid var(--cyan-20);border-radius:50%;height:100%;object-fit:cover;position:relative;width:100%;z-index:1}.about-status-dot{-webkit-animation:ringPulse 2s ease-in-out infinite;animation:ringPulse 2s ease-in-out infinite;background:#4ade80;background:var(--green);border:3px solid #050b14;border:3px solid var(--bg);border-radius:50%;bottom:16px;box-shadow:0 0 14px rgba(74,222,128,.8);height:18px;position:absolute;right:16px;width:18px;z-index:3}.about-float-badge{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:rgba(8,15,28,.92);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;gap:10px;padding:10px 16px;position:absolute;z-index:4}.about-float-badge--role{-webkit-animation:float 5s ease-in-out infinite;animation:float 5s ease-in-out infinite;right:-40px;top:-14px}.about-float-badge--dsa{animation:float 7s ease-in-out infinite reverse;bottom:-14px;left:-40px}.about-float-icon{font-size:22px;line-height:1}.afb-title{color:#e2eaf4;color:var(--t1);font-size:13px;font-weight:700;line-height:1.2;margin:0}.afb-sub{color:#3d5870;color:var(--t3);font-size:11px;margin:0}.about-text .s-label,.about-text .s-title{text-align:left}.about-text .s-line{margin-bottom:22px;margin-left:0}.about-role{color:#00d4ff;color:var(--cyan);font-size:13.5px;font-weight:700;letter-spacing:.3px;margin-bottom:18px;opacity:.9}.about-text>p{color:#7a9cb5;color:var(--t2);font-size:15px;line-height:1.85;margin-bottom:14px}.about-text>p strong{color:#e2eaf4;color:var(--t1);font-weight:700}.about-stats{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 32px}.stat-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:14px;flex:1 1;min-width:78px;padding:16px 12px;text-align:center;transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),background var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:border-color var(--ease),transform var(--ease),background var(--ease),box-shadow var(--ease);transition:border-color var(--ease),transform var(--ease),background var(--ease),box-shadow var(--ease),-webkit-transform var(--ease)}.stat-box:hover{background:rgba(0,212,255,.1);background:var(--cyan-10);border-color:rgba(0,212,255,.4);border-color:var(--cyan-40);box-shadow:0 12px 32px rgba(0,212,255,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.stat-num{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;display:block;font-size:26px;font-weight:900;letter-spacing:-.5px;line-height:1.2}.stat-label{color:#3d5870;color:var(--t3);display:block;font-size:9.5px;font-weight:700;letter-spacing:.8px;margin-top:4px;text-transform:uppercase}.btn-box{align-items:center;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border-radius:50px;color:#050b14;display:inline-flex;font-size:14px;font-weight:700;gap:8px;letter-spacing:.4px;padding:13px 28px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--ease),-webkit-transform var(--ease);transition:box-shadow var(--ease),transform var(--ease);transition:box-shadow var(--ease),transform var(--ease),-webkit-transform var(--ease)}.btn-box:hover{box-shadow:0 0 0 4px rgba(0,212,255,.2),0 8px 28px rgba(0,212,255,.35);box-shadow:0 0 0 4px var(--cyan-20),0 8px 28px rgba(0,212,255,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.skills-section{padding:70px 7% 60px;position:relative;text-align:center}.skills-section:before{background:radial-gradient(ellipse 70% 50% at 50% 100%,rgba(168,85,247,.05) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.skills-heading{margin-bottom:0;position:relative;z-index:1}.skills-compact-grid{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:980px;position:relative;z-index:1}.skill-row{grid-gap:16px;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border-left:3px solid #00d4ff;border:1px solid var(--border);border-left:3px solid var(--cat-color,var(--cyan));border-radius:14px;display:grid;gap:16px;grid-template-columns:160px 1fr;padding:12px 18px;transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),background var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:border-color var(--ease),background var(--ease),box-shadow var(--ease),transform var(--ease);transition:border-color var(--ease),background var(--ease),box-shadow var(--ease),transform var(--ease),-webkit-transform var(--ease)}.skill-row:hover{background:hsla(0,0%,100%,.07);background:var(--card-hov);box-shadow:0 4px 24px rgba(0,0,0,.4),inset 0 0 0 1px #00d4ff;box-shadow:0 4px 24px rgba(0,0,0,.4),0 0 0 1px var(--cat-color,var(--cyan)) inset;-webkit-transform:translateX(4px);transform:translateX(4px)}.skill-row-label{align-items:center;display:flex;flex-shrink:0;gap:8px}.skill-row-emoji{font-size:17px;line-height:1}.skill-row-name{color:#00d4ff;color:var(--cat-color,var(--cyan));font-size:13px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.skill-pills{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.skill-pill{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:50px;color:#e2eaf4;color:var(--t1);cursor:default;display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.2px;padding:4px 13px;transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background var(--ease),border-color var(--ease),color var(--ease),-webkit-transform var(--ease);transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease);transition:background var(--ease),border-color var(--ease),color var(--ease),transform var(--ease),-webkit-transform var(--ease)}.skill-pill:hover{background:rgba(0,212,255,.12);border-color:#00d4ff;border-color:var(--cat-color,var(--cyan));color:#00d4ff;color:var(--cat-color,var(--cyan));-webkit-transform:translateY(-2px);transform:translateY(-2px)}.exp-section{padding:100px 7%;position:relative;text-align:center}.exp-section:before{background:linear-gradient(180deg,rgba(0,212,255,.02),transparent);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.exp-timeline{margin:0 auto;max-width:820px;position:relative;text-align:left;z-index:1}.exp-item{display:flex;gap:24px}.exp-timeline-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;padding-top:6px}.exp-dot{background:#050b14;background:var(--bg);border:2px solid #00d4ff;border:2px solid var(--cyan);border-radius:50%;box-shadow:0 0 12px rgba(0,212,255,.2);box-shadow:0 0 12px var(--cyan-20);flex-shrink:0;height:14px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--ease),-webkit-transform var(--ease);transition:transform var(--ease),box-shadow var(--ease);transition:transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);width:14px}.exp-item:hover .exp-dot{box-shadow:0 0 20px rgba(0,212,255,.4);box-shadow:0 0 20px var(--cyan-40);-webkit-transform:scale(1.6);transform:scale(1.6)}.exp-line{background:linear-gradient(180deg,rgba(0,212,255,.2),transparent);background:linear-gradient(to bottom,var(--cyan-20),transparent);flex:1 1;margin-bottom:-4px;margin-top:6px;min-height:24px;width:2px}.exp-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;border-radius:var(--r);flex:1 1;margin-bottom:24px;overflow:hidden;padding:24px 26px;position:relative;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:transform .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease);transition:transform var(--ease),border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease)}.exp-card:hover{border-color:#00d4ff;border-color:var(--exp-accent,var(--cyan));box-shadow:0 10px 40px rgba(0,0,0,.5),0 0 24px rgba(0,212,255,.08);-webkit-transform:translateX(8px);transform:translateX(8px)}.exp-card-bar{border-radius:99px 0 0 99px;bottom:0;left:0;position:absolute;top:0;width:3px}.exp-card-top{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:12px}.exp-role{color:#e2eaf4;color:var(--t1);font-size:16px;font-weight:700;margin:0 0 4px}.exp-company{color:#7a9cb5;color:var(--t2);font-size:13px;font-weight:500;margin:0}.exp-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.exp-badge{border-radius:50px;font-size:10px;font-weight:700;letter-spacing:1px;padding:3px 11px;text-transform:uppercase}.exp-duration{color:#3d5870;color:var(--t3);font-size:11px}.exp-desc{color:#7a9cb5;color:var(--t2);font-size:14px;line-height:1.78;margin:0 0 14px}.exp-tech-row{display:flex;flex-wrap:wrap;gap:7px}.exp-tech-chip{background:rgba(0,212,255,.07);border:1px solid rgba(0,212,255,.2);border-radius:50px;color:#00d4ff;color:var(--exp-accent,var(--cyan));font-size:11px;font-weight:600;padding:4px 12px;transition:background .28s cubic-bezier(.4,0,.2,1);transition:background var(--ease)}.exp-tech-chip:hover{background:rgba(0,212,255,.15)}.skill-list{padding:100px 7%;position:relative;text-align:center}.skill-list:before{background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(0,212,255,.04) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.subtitle{color:#e2eaf4;color:var(--t1);font-size:clamp(28px,4vw,46px);font-weight:800;letter-spacing:-1px;margin-bottom:10px}.subtitle span{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad-text);-webkit-background-clip:text;background-clip:text}.gh-two-col{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1.6fr;margin:0 auto;max-width:1100px;position:relative;z-index:1}.gh-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;border-radius:var(--r);padding:24px 26px;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease);transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease)}.gh-card:hover{border-color:rgba(0,212,255,.2);border-color:var(--cyan-20);box-shadow:0 16px 48px rgba(0,0,0,.5),0 0 24px rgba(0,212,255,.06);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.gh-card-head{align-items:center;display:flex;gap:9px;margin-bottom:18px}.gh-card-icon{font-size:20px;line-height:1}.gh-card-head h3{color:#e2eaf4;color:var(--t1);font-size:15px;font-weight:700}.gh-img-link{display:block}#github-streak-stats{border-radius:10px;max-width:100%;width:100%}.gh-card--cal .cal-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.gh-card--cal .gh-card-head{margin-bottom:0}.cal-year-tabs{display:flex;flex-wrap:wrap;gap:6px}.cal-year-btn{background:hsla(0,0%,100%,.06);background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:50px;color:#7a9cb5;color:var(--t2);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:5px 14px;transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease),-webkit-transform var(--ease)}.cal-year-btn:hover{border-color:rgba(0,212,255,.2);border-color:var(--cyan-20);color:#e2eaf4;color:var(--t1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.cal-year-btn--active{background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border-color:transparent;box-shadow:0 0 0 2px rgba(0,212,255,.2),0 4px 14px rgba(0,212,255,.25);box-shadow:0 0 0 2px var(--cyan-20),0 4px 14px rgba(0,212,255,.25);color:#050b14}.cal-link{display:block;overflow-x:auto}.project-list{padding:100px 7%;position:relative;text-align:center}.project-list:before{background:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(168,85,247,.04) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.project-container{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr);margin:0 auto 48px;max-width:1140px;position:relative;z-index:1}.project{background:#080f1c;background:var(--bg2);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;border-radius:var(--r);cursor:pointer;height:240px;overflow:hidden;position:relative;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease);transition:border-color var(--ease),transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);width:100%}.project:hover{border-color:rgba(0,212,255,.4);border-color:var(--cyan-40);box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 30px rgba(0,212,255,.1);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.project>img{height:100%!important;object-fit:cover;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:100%!important}.project:hover>img{-webkit-transform:scale(1.1);transform:scale(1.1)}.project-detail{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(0deg,rgba(5,11,20,.98) 0,rgba(5,11,20,.85) 60%,transparent);display:flex;flex-direction:column;inset:0;justify-content:flex-end;opacity:0;padding:20px 22px;position:absolute;transition:opacity .35s ease}.project:hover .project-detail{opacity:1}.proj-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:8px}.proj-top h3{color:#00d4ff;color:var(--cyan);font-size:16px;font-weight:700;line-height:1.3}.proj-links{display:flex;flex-shrink:0;gap:8px}.proj-link{align-items:center;background:hsla(0,0%,100%,.06);background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:10px;color:#00d4ff;color:var(--cyan);display:inline-flex;font-size:15px;height:34px;justify-content:center;transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background var(--ease),border-color var(--ease),-webkit-transform var(--ease);transition:background var(--ease),border-color var(--ease),transform var(--ease);transition:background var(--ease),border-color var(--ease),transform var(--ease),-webkit-transform var(--ease);width:34px}.proj-link:hover{background:#00d4ff;background:var(--cyan);border-color:#00d4ff;border-color:var(--cyan);color:#050b14;-webkit-transform:scale(1.1);transform:scale(1.1)}.proj-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#7a9cb5;color:var(--t2);display:-webkit-box;font-size:12.5px;line-height:1.65;margin-bottom:10px;overflow:hidden}.proj-tech{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.proj-tech img{height:20px!important;object-fit:contain;width:20px!important}.proj-tech-name{background:rgba(0,212,255,.1);background:var(--cyan-10);border:1px solid rgba(0,212,255,.2);border:1px solid var(--cyan-20);border-radius:50px;font-size:10px;padding:2px 9px}.proj-tech-name,.view-all{color:#00d4ff;color:var(--cyan);font-weight:600}.view-all{align-items:center;background:transparent;border:1.5px solid rgba(0,212,255,.4);border:1.5px solid var(--cyan-40);border-radius:50px;display:inline-flex;font-size:14px;gap:8px;letter-spacing:.4px;padding:14px 32px;position:relative;transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:background var(--ease),border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease);transition:background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);z-index:1}.view-all:hover{background:rgba(0,212,255,.1);background:var(--cyan-10);border-color:#00d4ff;border-color:var(--cyan);box-shadow:0 8px 28px rgba(0,212,255,.2);box-shadow:0 8px 28px var(--cyan-20);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.contact{grid-gap:64px;align-items:start;display:grid;gap:64px;grid-template-columns:1fr 1.15fr;overflow:hidden;padding:100px 7%;position:relative}.contact:before{background:radial-gradient(circle,rgba(168,85,247,.05) 0,transparent 70%);border-radius:50%;bottom:-200px;content:"";height:500px;pointer-events:none;position:absolute;right:-200px;width:500px}.contact-text .s-label,.contact-text .s-title{text-align:left}.contact-text .s-line{margin-bottom:26px;margin-left:0}.contact-text>p{color:#7a9cb5;color:var(--t2);font-size:15px;line-height:1.82;margin-bottom:30px}.contact-info-list{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.contact-info-row{color:#7a9cb5;color:var(--t2);font-size:14.5px;gap:14px}.c-icon,.contact-info-row{align-items:center;display:flex}.c-icon{background:rgba(0,212,255,.1);background:var(--cyan-10);border:1px solid rgba(0,212,255,.2);border:1px solid var(--cyan-20);border-radius:11px;color:#00d4ff;color:var(--cyan);flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.contact-socials{display:flex;flex-wrap:wrap;gap:10px}.contact-socials a{align-items:center;background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:11px;color:#7a9cb5;color:var(--t2);display:inline-flex;font-size:18px;height:44px;justify-content:center;transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1);transition:color .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:color var(--ease),background var(--ease),border-color var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease);transition:color var(--ease),background var(--ease),border-color var(--ease),transform var(--ease),box-shadow var(--ease),-webkit-transform var(--ease);width:44px}.contact-socials a:hover{background:rgba(0,212,255,.1);background:var(--cyan-10);border-color:rgba(0,212,255,.4);border-color:var(--cyan-40);box-shadow:0 8px 24px rgba(0,212,255,.2);box-shadow:0 8px 24px var(--cyan-20);color:#00d4ff;color:var(--cyan);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.contact-form{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:hsla(0,0%,100%,.04);background:var(--card);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:16px;border-radius:var(--r);padding:36px 32px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.form-group label{color:#3d5870;color:var(--t3);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.contact-form input,.contact-form textarea{background:hsla(0,0%,100%,.06);background:var(--surface);border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border);border-radius:12px;color:#e2eaf4;color:var(--t1);font-family:inherit;font-size:14px;outline:none;padding:14px 18px;transition:border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),background .28s cubic-bezier(.4,0,.2,1);transition:border-color var(--ease),box-shadow var(--ease),background var(--ease);width:100%}.contact-form input:focus,.contact-form textarea:focus{background:rgba(0,212,255,.04);border-color:#00d4ff;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,212,255,.1);box-shadow:0 0 0 3px var(--cyan-10)}.contact-form input::-webkit-input-placeholder,.contact-form textarea::-webkit-input-placeholder{color:#3d5870;color:var(--t3)}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#3d5870;color:var(--t3)}.contact-form textarea{height:155px;resize:vertical}.send-btn{transition:box-shadow .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--ease),-webkit-transform var(--ease);transition:box-shadow var(--ease),transform var(--ease);transition:box-shadow var(--ease),transform var(--ease),-webkit-transform var(--ease)}.send-btn:hover{box-shadow:0 0 0 4px rgba(0,212,255,.2),0 10px 32px rgba(0,212,255,.4);box-shadow:0 0 0 4px var(--cyan-20),0 10px 32px rgba(0,212,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.form-row-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-feedback{border-radius:10px;font-size:13.5px;font-weight:500;line-height:1.5;margin-bottom:14px;padding:12px 16px}.form-feedback--success{background:rgba(74,222,128,.1);border:1px solid rgba(74,222,128,.3);color:#4ade80}.form-feedback--error{background:hsla(0,91%,71%,.1);border:1px solid hsla(0,91%,71%,.3);color:#f87171}.send-btn{align-items:center;background:linear-gradient(135deg,#00d4ff,#a855f7);background:var(--grad);border:none;border-radius:50px;color:#050b14;cursor:pointer;display:flex;font-family:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;letter-spacing:.5px;margin-top:4px;padding:15px;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),opacity .28s cubic-bezier(.4,0,.2,1),-webkit-transform .28s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--ease),opacity var(--ease),-webkit-transform var(--ease);transition:box-shadow var(--ease),transform var(--ease),opacity var(--ease);transition:box-shadow var(--ease),transform var(--ease),opacity var(--ease),-webkit-transform var(--ease);width:100%}.send-btn:hover:not(:disabled){box-shadow:0 0 0 4px rgba(0,212,255,.2),0 10px 32px rgba(0,212,255,.4);box-shadow:0 0 0 4px var(--cyan-20),0 10px 32px rgba(0,212,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.send-btn:disabled{cursor:not-allowed;opacity:.7}.send-btn--loading{opacity:.85}@-webkit-keyframes spin-btn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin-btn{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.btn-spinner{-webkit-animation:spin-btn .7s linear infinite;animation:spin-btn .7s linear infinite;border:2px solid rgba(5,11,20,.3);border-radius:50%;border-top-color:#050b14;flex-shrink:0;height:16px;width:16px}.contact-form input:disabled,.contact-form textarea:disabled{cursor:not-allowed;opacity:.6}.site-footer{border-top:1px solid hsla(0,0%,100%,.08);border-top:1px solid var(--border);color:#3d5870;color:var(--t3);font-size:13px;padding:30px 7%;text-align:center}.site-footer span{color:#00d4ff;color:var(--cyan)}@media(max-width:1024px){#home.home{flex-direction:column-reverse;gap:30px;padding:98px 6% 60px;padding:calc(var(--h) + 30px) 6% 60px;text-align:center}.hero-bio,.home-content{max-width:100%}.greeting,.hero-btns,.home-sci{justify-content:center}.about{gap:54px;grid-template-columns:1fr;text-align:center}.about-avatar-wrap{margin:0 auto}.about-float-badge--role{right:-16px;top:-16px}.about-float-badge--dsa{bottom:-16px;left:-16px}.about-text .s-label,.about-text .s-title{text-align:center}.about-text .s-line{margin:0 auto 22px}.about-stats{justify-content:center}.skill-row{gap:12px;grid-template-columns:130px 1fr;padding:10px 14px}.skill-row-name{font-size:12px}.gh-two-col{grid-template-columns:1fr}.project-container{grid-template-columns:repeat(2,1fr)}.contact{gap:44px;grid-template-columns:1fr}.contact-text .s-label,.contact-text .s-title{text-align:center}.contact-text .s-line{margin:0 auto 26px}.contact-info-list{align-items:center}.contact-socials{justify-content:center}}@media(max-width:700px){:root{--h:60px}.fa-xl{visibility:visible}.fa-xmark{visibility:hidden}.crosshow{visibility:visible!important}.dotlose{visibility:hidden!important}.navbar{align-items:flex-start;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:rgba(5,11,20,.97);flex-direction:column;gap:0;height:calc(100vh - 68px);height:calc(100vh - var(--h));left:-100%;padding:28px 7%;position:fixed;top:68px;top:var(--h);transition:left .35s ease;width:100%}.navbar.navleft{left:0}.navbar a{border-bottom:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid var(--border);border-radius:0;font-size:17px;padding:15px 0;width:100%}.navbar a:after{display:none}.header{padding:0 5%}#home.home{gap:22px;padding:92px 5% 50px;padding:calc(var(--h) + 24px) 5% 50px}.home-content h1{font-size:36px}.hero-btns{align-items:center;flex-direction:column}.btn-ghost,.btn-primary{justify-content:center;width:100%}.about,.skills-section{padding:80px 5%}.skill-section-old{display:none}.skill-row{gap:8px;grid-template-columns:1fr;padding:12px 14px}.skill-row-label{margin-bottom:2px}.exp-section{padding:80px 5%}.exp-card-top{flex-direction:column;gap:10px}.exp-meta{align-items:flex-start}.exp-item{gap:14px}.skill-list{padding:80px 5%}.gh-two-col{grid-template-columns:1fr}.cal-year-tabs{justify-content:flex-start}.project-list{padding:80px 5%}.project-container{gap:16px;grid-template-columns:1fr}.project{height:210px}.contact{padding:80px 5%}.contact-form{padding:24px 20px}.form-row-2{grid-template-columns:1fr}.contact-info-row{font-size:13px}}
/*# sourceMappingURL=main.b32a2d23.css.map*/