:root{--bg:#040816;--panel:#09111f;--ink:#f0f7ff;--muted:#97a7b9;--cyan:#00c6ff;--purple:#7b61ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;z-index:100;background:#040816;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font:10px 'DM Mono';letter-spacing:2px}.loader-mark{font-size:28px;font-weight:800;border:1px solid #5c778e;padding:15px;animation:pulse 1s infinite}.loader-line{width:170px;height:1px;background:#253247}.loader-line i{display:block;width:0;height:100%;background:var(--cyan);animation:load 1.2s forwards}.cursor-glow{position:fixed;z-index:-1;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(0,198,255,.09),transparent 65%);pointer-events:none;transform:translate(-50%,-50%)}.navbar{padding:20px 0;transition:.35s}.navbar.scrolled{background:rgba(4,8,22,.72);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0d}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#e8f6ff;font:700 9px/1.1 'DM Mono';letter-spacing:1px}.brand i{font:700 15px Manrope;font-style:normal;border:1px solid #49718c;padding:7px}.navbar-nav{gap:28px}.navbar a{color:#aebdca;text-decoration:none;font-size:12px;font-weight:700}.navbar a:hover{color:var(--cyan)}.nav-resume{margin-left:28px;border:1px solid #405367;padding:10px 14px}.navbar-toggler{border:0}.navbar-toggler span{display:block;width:23px;height:1px;background:#fff;margin:5px}.hero{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 85% 50%,#122341 0%,transparent 38%)}.aurora{position:absolute;border-radius:50%;filter:blur(100px);opacity:.32}.a1{width:400px;height:400px;background:#006eff;top:10%;right:-5%}.a2{width:350px;height:350px;background:#633dff;bottom:-10%;left:20%}.eyebrow{font:500 10px 'DM Mono';letter-spacing:1.7px;color:#a7bfd0;margin-bottom:22px}.eyebrow b{display:inline-block;width:26px;height:1px;vertical-align:middle;background:var(--cyan);margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,7.5vw,7.2rem);font-weight:800;letter-spacing:-.075em;line-height:.92}h1 span,h2 span{color:transparent;background:linear-gradient(100deg,#f3fbff 10%,#56d8ff 60%,#9d8dff);background-clip:text}.role{height:31px;margin:32px 0 16px;font:500 17px 'DM Mono';color:var(--cyan)}.role em{border-right:2px solid var(--cyan);margin-left:3px}.summary{color:#b6c3d0;max-width:610px;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:12px;margin:31px 0}.button{padding:15px 18px;border:1px solid #405165;color:#dfeaf5;text-decoration:none;font-size:12px;font-weight:700;transition:.25s}.button strong{font-size:16px;margin-left:16px}.button:hover{transform:translateY(-3px);border-color:var(--cyan);color:white}.button.primary{background:#dff8ff;color:#06101b;border-color:#dff8ff}.proof{display:flex;gap:31px}.proof span{font:700 24px Manrope}.proof small{color:var(--cyan)}.proof em{display:inline-block;margin-left:8px;font:8px/1.35 'DM Mono';letter-spacing:.8px;color:#8297aa;font-style:normal}.developer-orbit{height:470px;position:relative;max-width:470px;margin:auto}.core{position:absolute;inset:32% ;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#2376b4,#111f4e 65%,#080c26);border:1px solid #61d6ff88;border-radius:50%;box-shadow:0 0 70px #00c6ff55, inset 0 0 40px #56a3ff55;z-index:2}.core small{font:8px 'DM Mono';letter-spacing:1px;color:#b6ecff}.core b{font-size:36px}.core i{color:#5ef0ff;font-size:11px}.orbit{position:absolute;border:1px solid #53769559;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-20deg)}.orbit-one{width:94%;height:41%;animation:spin 13s linear infinite}.orbit-two{width:52%;height:94%;animation:spin 10s linear infinite reverse}.float-chip{position:absolute;z-index:3;padding:12px 14px;background:#111d31cc;backdrop-filter:blur(8px);border:1px solid #5e88ac88;font:20px 'DM Mono';box-shadow:0 14px 45px #0007;animation:float 4s ease-in-out infinite}.float-chip small{font-size:8px;display:block;color:#a6c8dd;margin-top:5px}.chip-one{top:17%;left:4%}.chip-two{bottom:16%;right:3%;animation-delay:-1.5s}.chip-three{top:13%;right:12%;animation-delay:-2.5s}.scanline{position:absolute;inset:9%;border-radius:50%;background:linear-gradient(transparent 48%,#3ee8ff70 50%,transparent 52%);animation:scan 4s linear infinite}.scroll-cue{position:absolute;bottom:33px;left:calc(50% - 90px);font:9px 'DM Mono';letter-spacing:1px;color:#92aab8;text-decoration:none}.scroll-cue i{display:block;margin:12px auto 0;width:1px;height:28px;background:linear-gradient(var(--cyan),transparent)}.section{padding:145px 0;position:relative}.about{background:linear-gradient(180deg,#040816,#07101e)}h2{font-size:clamp(2.8rem,5vw,5rem);line-height:1;letter-spacing:-.065em;font-weight:800}.muted{color:var(--muted);font-size:14px;line-height:1.8}.about-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.intro-card,.metric{min-height:280px;padding:27px;border:1px solid #ffffff18;background:#0b1627a8;transition:.35s}.intro-card:hover,.metric:hover{transform:translateY(-7px);border-color:#4cd9ff}.card-index{font:10px 'DM Mono';color:var(--cyan)}.intro-card h3{font-size:28px;line-height:1;letter-spacing:-.06em;margin:58px 0 16px}.intro-card p,.metric strong{font-size:12px;line-height:1.6;color:#a5b5c3}.metric{display:flex;flex-direction:column;justify-content:space-between}.metric b{font:700 36px Manrope;letter-spacing:-.07em}.metric.gradient{background:linear-gradient(145deg,#112347,#2a1850)}.section-head{margin-bottom:65px}.timeline{max-width:990px}.timeline article{display:grid;grid-template-columns:180px 30px 1fr;position:relative;padding-bottom:55px}.timeline article:not(:last-child):after{content:'';position:absolute;background:#24405c;width:1px;left:194px;top:20px;height:100%}.time{font:10px 'DM Mono';color:#8ca6ba;padding-top:4px}.dot{margin:4px 10px;width:10px;height:10px;background:#83e6ff;border-radius:50%;box-shadow:0 0 17px #00c6ff}.company{font:700 12px 'DM Mono';color:var(--cyan);letter-spacing:.3px}.company small{font:400 10px 'DM Mono';color:#93a7b7;margin-left:10px}.job h3{font-size:23px;letter-spacing:-.045em}.job>p:not(.company),.project-desc{color:#aab7c6;font-size:13px;line-height:1.7;max-width:620px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags i{font:9px 'DM Mono';font-style:normal;color:#b9d6e8;padding:6px 8px;border:1px solid #3e5770;background:#0d1a2a}.projects{background:#070d1a}.project-count{font:10px 'DM Mono';color:#7895aa}.project-list{border-top:1px solid #294054}.project-card{display:grid;grid-template-columns:75px 1.5fr 1fr 35px;gap:22px;align-items:center;padding:30px 10px;border-bottom:1px solid #294054;transition:.3s}.project-card:hover{padding-left:25px;background:linear-gradient(90deg,#102b44,#0b122000)}.project-number,.project-card>div p{font:10px 'DM Mono';color:#8aa4b8}.project-card h3{font-size:21px;letter-spacing:-.04em}.arrow{font-size:26px;color:#80e6ff}.stack{overflow:hidden}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.tech-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:125px;background:#0a1423;border:1px solid #ffffff16;overflow:hidden;transition:.35s}.tech-card img{width:43px;height:43px;transition:.35s}.tech-card span{position:absolute;bottom:13px;font:9px 'DM Mono';color:#98afc1;opacity:0;transform:translateY(6px);transition:.25s}.tech-card:hover{border-color:var(--brand);box-shadow:0 12px 35px color-mix(in srgb,var(--brand) 24%,transparent);background:color-mix(in srgb,var(--brand) 12%,#0a1423)}.tech-card:hover img{transform:scale(1.2)}.tech-card:hover span{opacity:1;transform:none}.value{background:#091220}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #284057}.value-grid article{min-height:260px;padding:25px;border-right:1px solid #284057}.value-grid article:first-child{border-left:1px solid #284057}.value-grid span{font:10px 'DM Mono';color:var(--cyan)}.value-grid h3{font-size:24px;letter-spacing:-.06em;line-height:1;margin:67px 0 13px}.value-grid p{color:#91a4b5;font-size:12px;line-height:1.6}.contact{padding-bottom:100px}.contact-panel{padding:clamp(35px,8vw,95px);background:radial-gradient(circle at 85% 20%,#193c59,#0b1526 48%,#07101d);border:1px solid #47708d;box-shadow:0 30px 80px #0009}.contact-panel>p:not(.eyebrow){color:#b3c3d0;max-width:460px;margin:25px 0;font-size:14px;line-height:1.7}.contact-links{display:flex;gap:13px;flex-wrap:wrap}.contact-links a{font-size:15px;color:white;text-decoration:none;border-bottom:1px solid #5e93b0;padding:8px 0}.contact-links b{color:var(--cyan);margin-left:10px}.socials{margin-top:46px;display:flex;gap:22px}.socials a,footer a{font:10px 'DM Mono';letter-spacing:1px;color:#9fc1d5;text-decoration:none}footer{border-top:1px solid #1c3247;padding:22px 0;color:#7891a4;font:9px 'DM Mono';letter-spacing:.8px}footer .container{display:flex;justify-content:space-between;gap:10px}
@keyframes load{to{width:100%}}@keyframes pulse{50%{box-shadow:0 0 25px #00c6ff}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(340deg)}}@keyframes float{50%{transform:translateY(-14px)}}@keyframes scan{to{transform:rotate(360deg)}}@media(max-width:991px){.navbar-collapse{background:#09111ff5;padding:20px;margin-top:12px}.navbar-nav{gap:15px}.nav-resume{display:inline-block;margin:18px 0 0}.about-grid{grid-template-columns:1fr 1fr}.tech-grid{grid-template-columns:repeat(4,1fr)}.developer-orbit{height:380px}.section{padding:95px 0}}@media(max-width:640px){.hero{padding-top:60px}.proof{gap:15px}.proof span{font-size:19px}.about-grid,.value-grid{grid-template-columns:1fr}.timeline article{grid-template-columns:100px 24px 1fr}.timeline article:not(:last-child):after{left:111px}.time{font-size:8px}.job h3{font-size:19px}.project-card{grid-template-columns:34px 1fr 25px;gap:10px}.project-desc{display:none}.project-card h3{font-size:17px}.tech-grid{grid-template-columns:repeat(3,1fr)}.tech-card{min-height:105px}.value-grid article{border-left:1px solid #284057}.value-grid h3{margin:30px 0 13px}.value-grid article{min-height:180px}footer .container{flex-direction:column}.scroll-cue{display:none}}
.navbar{padding:16px 0;background:rgba(4,8,22,.9);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12}.navbar.scrolled{background:rgba(4,8,22,.97);box-shadow:0 10px 30px #0005}.icon-mark{display:flex;width:46px;height:46px;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--brand) 75%,white);border-radius:13px;font:700 13px 'DM Mono';color:var(--brand);background:color-mix(in srgb,var(--brand) 13%,transparent);letter-spacing:-1px}.tech-card img+.icon-mark{display:none}