*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#06090e;--bg1:#0a0f18;--bg2:#0d1420;--white:#eef4ff;--soft:#dceaff94;--muted:#bed7ff52;--faint:#a0c8ff1a;--sky:#78c0f5;--sky2:#a8d8f8;--sky3:#4899dc;--skyg:linear-gradient(120deg, #5aaee0, #9fd4f7);--pill-bg:#78c0f517;--pill-b:#78c0f53d;--card-bg:#ffffff08;--card-b:#c8e1ff17;--card-hb:#78c0f538;--card-hbg:#78c0f50f;--sans:"Poppins", sans-serif;--display:"Raleway", sans-serif;--mono:"Inconsolata", monospace;--r:16px;--rl:24px;--rxl:36px;--r2xl:52px}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:var(--sans);cursor:none;-webkit-font-smoothing:antialiased;font-weight:300;overflow-x:hidden}#cd{background:var(--sky2);pointer-events:none;z-index:9999;border-radius:50%;width:7px;height:7px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}#cr{pointer-events:none;z-index:9998;border:1.5px solid #78c0f561;border-radius:50%;width:30px;height:30px;transition:width .32s cubic-bezier(.16,1,.3,1),height .32s cubic-bezier(.16,1,.3,1),border-color .3s;position:fixed;transform:translate(-50%,-50%)}.cg #cd{width:11px;height:11px}.cg #cr{border-color:#78c0f58c;width:52px;height:52px}#prog{background:var(--skyg);z-index:500;border-radius:0 3px 3px 0;width:0%;height:2.5px;position:fixed;top:0;left:0;box-shadow:0 0 14px #78c0f58c}nav{z-index:200;justify-content:space-between;align-items:center;padding:26px 64px;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{-webkit-backdrop-filter:blur(32px);border-bottom:1px solid var(--card-b);background:#06090eb8;padding:15px 64px}.logo{align-items:center;gap:10px;text-decoration:none;display:flex}.logo-dot{background:var(--skyg);border-radius:50%;flex-shrink:0;width:9px;height:9px;box-shadow:0 0 10px #78c0f5b3}.logo-text{font-family:var(--display);letter-spacing:.01em;color:var(--white);font-size:16px;font-weight:800}.nav-links{align-items:center;gap:36px;list-style:none;display:flex}.nav-links a{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:13px;font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--white)}.nav-cta{background:var(--pill-bg);border:1px solid var(--pill-b);font-family:var(--mono);color:var(--sky2);border-radius:100px;padding:9px 22px;font-size:12px;text-decoration:none;transition:all .25s}.nav-cta:hover{background:#78c0f529;box-shadow:0 0 18px #78c0f52e}#hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:160px 64px 120px;display:flex;position:relative;overflow:hidden}.orb{pointer-events:none;filter:blur(90px);border-radius:50%;position:absolute}.oa{background:radial-gradient(circle,#5a9ee024 0%,#0000 70%);width:700px;height:700px;top:-180px;left:50%;transform:translate(-50%)}.ob{background:radial-gradient(circle,#4682d217 0%,#0000 70%);width:450px;height:450px;bottom:-60px;left:-120px}.oc{background:radial-gradient(circle,#6eaff512 0%,#0000 70%);width:380px;height:380px;bottom:0;right:-80px}.h-badge{background:var(--pill-bg);border:1px solid var(--pill-b);font-family:var(--mono);color:var(--sky2);letter-spacing:.05em;opacity:0;border-radius:100px;align-items:center;gap:8px;margin-bottom:40px;padding:8px 18px;font-size:11px;font-weight:500;animation:.6s .1s forwards fu;display:inline-flex}.pulse{background:var(--sky);border-radius:50%;width:6px;height:6px;animation:2s infinite glow}@keyframes glow{0%,to{box-shadow:0 0 #78c0f5b3}50%{box-shadow:0 0 0 7px #0000}}.h1{font-family:var(--display);letter-spacing:-.03em;opacity:0;margin-bottom:14px;font-size:clamp(64px,12vw,148px);font-weight:900;line-height:.93;animation:.9s cubic-bezier(.16,1,.3,1) .25s forwards fu}.h1 .blue{color:var(--sky2)}.h-sub{font-family:var(--mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;opacity:0;margin-bottom:30px;font-size:clamp(11px,1.4vw,14px);font-weight:300;animation:.7s .5s forwards fu}.h-desc{color:var(--soft);opacity:0;max-width:560px;margin:0 auto 48px;font-size:17px;font-weight:300;line-height:1.8;animation:.7s .65s forwards fu}.h-actions{opacity:0;justify-content:center;align-items:center;gap:14px;margin-bottom:72px;animation:.7s .8s forwards fu;display:flex}.btn-fill{background:var(--skyg);color:#06090e;font-family:var(--sans);border-radius:100px;padding:15px 36px;font-size:14px;font-weight:600;text-decoration:none;transition:box-shadow .3s,transform .2s;box-shadow:0 4px 28px #78c0f559}.btn-fill:hover{transform:translateY(-2px);box-shadow:0 6px 40px #78c0f580}.btn-out{border:1px solid var(--card-b);background:var(--card-bg);color:var(--soft);font-family:var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;padding:14px 30px;font-size:14px;font-weight:400;text-decoration:none;transition:all .25s}.btn-out:hover{border-color:var(--pill-b);color:var(--white);background:var(--pill-bg)}.h-stats{opacity:0;flex-wrap:wrap;justify-content:center;gap:12px;animation:.7s .95s forwards fu;display:flex}.hsc{border-radius:var(--rxl);background:var(--card-bg);border:1px solid var(--card-b);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;min-width:148px;padding:20px 28px;transition:border-color .3s,background .3s,transform .3s}.hsc:hover{border-color:var(--pill-b);background:var(--card-hbg);transform:translateY(-4px)}.hsc-n{font-family:var(--display);color:var(--sky2);letter-spacing:-.02em;font-size:38px;font-weight:900;line-height:1}.hsc-l{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:300}section{position:relative}.sw{max-width:1080px;margin:0 auto;padding:120px 64px}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--sky);align-items:center;gap:10px;margin-bottom:18px;font-size:11px;font-weight:400;display:flex}.eyebrow:before{content:"";background:var(--sky);border-radius:2px;width:22px;height:2px}.sh{font-family:var(--display);letter-spacing:-.03em;margin-bottom:56px;font-size:clamp(42px,5.5vw,72px);font-weight:900;line-height:1}.sh em{color:var(--sky2);font-style:italic;font-weight:800}.sh span{color:var(--sky2)}.rule{background:linear-gradient(to right, transparent, var(--faint) 20%, var(--faint) 80%, transparent);width:100%;height:1px}#about{background:var(--bg1)}.al{grid-template-columns:1.15fr .85fr;align-items:start;gap:80px;display:grid}.atext{color:var(--soft);font-size:17px;font-weight:300;line-height:1.85}.atext p+p{margin-top:20px}.atext strong{color:var(--white);font-weight:600}.atext em{color:var(--sky2);font-style:normal;font-weight:500}.srow{border-radius:var(--rl);background:var(--card-bg);border:1px solid var(--card-b);justify-content:space-between;align-items:center;margin-bottom:10px;padding:22px 26px;transition:all .3s;display:flex}.srow:hover{border-color:var(--pill-b);background:var(--card-hbg);transform:translate(5px)}.sval{font-family:var(--display);color:var(--sky2);letter-spacing:-.02em;font-size:42px;font-weight:900;line-height:1}.sdesc{font-family:var(--mono);color:var(--muted);text-align:right;letter-spacing:.02em;max-width:130px;font-size:11px;font-weight:300;line-height:1.4}#skills{background:var(--bg)}.spills{flex-wrap:wrap;gap:10px;display:flex}.sp{background:var(--card-bg);border:1px solid var(--card-b);font-family:var(--mono);color:var(--soft);letter-spacing:.03em;border-radius:100px;padding:11px 22px;font-size:12px;font-weight:400;transition:all .25s}.sp:hover{background:var(--pill-bg);border-color:var(--pill-b);color:var(--sky2);transform:translateY(-2px)}#exp{background:var(--bg1)}.ecards{flex-direction:column;gap:14px;display:flex}.ecard{border-radius:var(--r2xl);background:var(--card-bg);border:1px solid var(--card-b);padding:34px 38px;transition:all .3s}.ecard:hover{border-color:var(--pill-b);background:var(--card-hbg);transform:translateY(-3px)}.etop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.erole{font-family:var(--display);color:var(--white);letter-spacing:-.01em;font-size:20px;font-weight:800}.edate{font-family:var(--mono);background:var(--pill-bg);border:1px solid var(--pill-b);color:var(--sky2);white-space:nowrap;letter-spacing:.04em;border-radius:100px;padding:5px 14px;font-size:11px;font-weight:400}.eorg{font-family:var(--mono);color:var(--sky);letter-spacing:.04em;margin-bottom:14px;font-size:12px;font-weight:400}.ebody{color:var(--soft);font-size:14px;font-weight:300;line-height:1.78}.etags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.et{font-family:var(--mono);background:var(--faint);color:var(--muted);letter-spacing:.04em;border-radius:100px;padding:5px 12px;font-size:10px;font-weight:400}#achieve{background:var(--bg)}.agrid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.acard{border-radius:var(--r2xl);background:var(--card-bg);border:1px solid var(--card-b);padding:30px;transition:all .3s}.acard:hover{border-color:var(--pill-b);background:var(--card-hbg);transform:translateY(-4px)}.amed{border-radius:var(--rl);background:var(--pill-bg);border:1px solid var(--pill-b);justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:18px;font-size:19px;display:flex}.atitle{font-family:var(--display);color:var(--white);letter-spacing:-.01em;margin-bottom:8px;font-size:16px;font-weight:800;line-height:1.3}.abadge{font-family:var(--mono);color:var(--sky);background:var(--pill-bg);border:1px solid var(--pill-b);letter-spacing:.05em;border-radius:100px;margin-bottom:12px;padding:4px 11px;font-size:10px;font-weight:400;display:inline-block}.abody{color:var(--muted);font-size:13px;font-weight:300;line-height:1.65}#certs{background:var(--bg1)}.cgrid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.ccard{border-radius:var(--rl);background:var(--card-bg);border:1px solid var(--card-b);align-items:flex-start;gap:16px;padding:22px 26px;transition:all .3s;display:flex}.ccard:hover{border-color:var(--pill-b);background:var(--card-hbg);transform:translate(4px)}.cico{border-radius:var(--r);background:var(--pill-bg);border:1px solid var(--pill-b);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cico svg{width:16px;height:16px;stroke:var(--sky2);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.cname{font-family:var(--sans);color:var(--white);margin-bottom:3px;font-size:14px;font-weight:600}.cfrom{font-family:var(--mono);color:var(--muted);letter-spacing:.03em;font-size:11px;font-weight:300}#contact{background:var(--bg)}.cc{text-align:center;max-width:700px;margin:0 auto;padding:120px 64px}.cth{font-family:var(--display);letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(52px,9vw,106px);font-weight:900;line-height:.97}.cth em{color:var(--sky2);font-style:italic}.ctsub{color:var(--soft);margin-bottom:48px;font-size:16px;font-weight:300;line-height:1.75}.cbtns{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cb{background:var(--card-bg);border:1px solid var(--card-b);font-family:var(--mono);color:var(--soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.04em;border-radius:100px;padding:13px 28px;font-size:12px;font-weight:400;text-decoration:none;transition:all .25s}.cb:hover{background:var(--pill-bg);border-color:var(--pill-b);color:var(--sky2);transform:translateY(-2px);box-shadow:0 8px 24px #78c0f51f}.cb.prim{background:var(--skyg);color:#06090e;border:none;font-weight:600;box-shadow:0 4px 22px #78c0f547}.cb.prim:hover{transform:translateY(-2px);box-shadow:0 6px 36px #78c0f573}footer{background:var(--bg1);border-top:1px solid var(--faint);padding:52px 64px 32px}.foot-top{grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.foot-logo{align-items:center;gap:10px;margin-bottom:14px;display:flex}.foot-logo-dot{background:var(--skyg);border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #78c0f599}.foot-logo-text{font-family:var(--display);letter-spacing:-.01em;color:var(--white);font-size:17px;font-weight:900}.foot-tagline{font-family:var(--mono);color:var(--muted);letter-spacing:.03em;max-width:220px;font-size:11px;font-weight:300;line-height:1.6}.foot-col-title{font-family:var(--display);color:var(--white);letter-spacing:.02em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:800}.foot-links{flex-direction:column;gap:11px;display:flex}.foot-link{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;align-items:center;gap:8px;font-size:12px;font-weight:300;text-decoration:none;transition:color .2s;display:flex}.foot-link:hover{color:var(--sky2)}.foot-link-dot{background:var(--sky3);border-radius:50%;flex-shrink:0;width:4px;height:4px}.socials-row{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.soc-btn{border-radius:var(--r);background:var(--card-bg);border:1px solid var(--card-b);width:38px;height:38px;color:var(--muted);justify-content:center;align-items:center;text-decoration:none;transition:all .25s;display:flex}.soc-btn:hover{background:var(--pill-bg);border-color:var(--pill-b);color:var(--sky2);transform:translateY(-2px)}.soc-btn svg{fill:currentColor;width:15px;height:15px}.foot-bottom{border-top:1px solid var(--faint);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:28px;display:flex}.foot-copy,.foot-made{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:300}.reveal{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:translateY(0)}.d1{transition-delay:70ms}.d2{transition-delay:.14s}.d3{transition-delay:.21s}.d4{transition-delay:.28s}.d5{transition-delay:.35s}.d6{transition-delay:.42s}@keyframes fu{to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#78c0f538;border-radius:2px}@media (max-width:900px){nav{padding:20px 24px}nav.scrolled{padding:14px 24px}.nav-links{display:none}.nav-links li:last-child{display:block}#hero{padding:130px 24px 90px}.sw{padding:90px 24px}.al{grid-template-columns:1fr;gap:40px}.agrid,.cgrid{grid-template-columns:1fr}.foot-top{grid-template-columns:1fr;gap:36px}.cc{padding:90px 24px}footer{padding:40px 24px 24px}}
