:root{--ink:#12213b;--muted:#65728a;--line:#e4eaf3;--paper:#f8fafc;--surface:#fff;--navy:#101f3b;--navy-2:#172e56;--primary:#4f7cff;--primary-dark:#345de0;--cyan:#62d8ed;--lilac:#a88bff;--mint:#77e6c3;--text-main:var(--ink);--text-dim:var(--muted);--bg:var(--paper);--glass:var(--surface);--border:var(--line)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif;line-height:1.65;overflow-x:hidden}body:has(dialog[open]){overflow:hidden}a{color:inherit}button,input,textarea{font:inherit}.noise{position:fixed;z-index:-1;inset:0;opacity:.16;pointer-events:none;background-image:radial-gradient(#8797b8 .6px,transparent .6px);background-size:6px 6px}.skip-link{position:fixed;z-index:100;top:-5rem;left:1rem;padding:.75rem 1rem;color:#fff;background:var(--navy);border-radius:.5rem}.skip-link:focus{top:1rem}.section-shell{max-width:1200px;margin:auto;padding:7.5rem 2rem}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.055em}h1{font-size:clamp(2.85rem,5.5vw,5.15rem);margin-bottom:1.4rem;font-weight:800}h2{font-size:clamp(2.55rem,5vw,4.6rem);margin-bottom:1.25rem;font-weight:800}h2 em,h1 em{font-style:normal;color:var(--primary)}.eyebrow{display:flex;align-items:center;gap:.65rem;margin-bottom:1.1rem;color:var(--primary);font-family:'DM Mono',monospace;font-size:.7rem;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.eyebrow span{width:1.7rem;height:1px;background:currentColor}.hero-kicker{display:inline-flex;margin-bottom:1.15rem;padding:.38rem .65rem;border:1px solid #d6e2f6;border-radius:99rem;color:#536782;background:#fff;font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.05em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.58rem;min-height:3.05rem;padding:.76rem 1.1rem;border:1px solid transparent;border-radius:.75rem;font-size:.8rem;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s,border-color .22s}.btn:hover{transform:translateY(-3px)}.btn svg,.text-link svg{width:1rem;height:1rem}.btn-primary{color:#fff;background:var(--primary);box-shadow:0 12px 24px rgba(79,124,255,.22)}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 16px 28px rgba(79,124,255,.3)}.btn-ghost{color:var(--ink);border-color:#d7e0ef;background:#fff}.btn-ghost:hover{border-color:var(--primary);color:var(--primary)}
/* Navigation */
.site-loader{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;overflow:hidden;color:#fff;background:radial-gradient(circle at 50% 45%,#284d91 0,#172e56 38%,#0d1a31 100%);transition:opacity .55s ease,visibility .55s ease}.site-loader:before{position:absolute;inset:0;content:"";opacity:.16;background-image:radial-gradient(#c9dcff .7px,transparent .7px);background-size:9px 9px}.site-loader:after{position:absolute;inset:0;content:"";background:linear-gradient(100deg,transparent 38%,rgba(160,199,255,.12) 50%,transparent 62%);transform:translateX(-110%);animation:loaderScan 2.2s ease-in-out infinite}.site-loader.is-hidden{visibility:hidden;opacity:0;pointer-events:none}.loader-brand{position:absolute;z-index:2;top:2rem;left:2rem;display:flex;align-items:center;gap:.55rem}.loader-brand>span{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid rgba(255,255,255,.35);border-radius:.48rem;background:rgba(255,255,255,.1);font-family:'DM Mono',monospace;font-size:.58rem}.loader-brand p{position:static;margin:0;color:#b9cce9;font-family:'DM Mono',monospace;font-size:.57rem;letter-spacing:.09em;text-transform:uppercase}.loader-core{position:relative;z-index:2;display:grid;place-items:center;width:5.6rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.48);border-radius:50%;background:linear-gradient(145deg,#7ea4ff,#4e75ed);box-shadow:0 0 0 9px rgba(126,164,255,.1),0 0 42px rgba(111,151,255,.55);font-family:'DM Mono',monospace;font-size:1rem;font-weight:500;letter-spacing:-.08em;animation:loaderCore 1.3s ease-in-out infinite}.loader-orbit{position:absolute;border:1px solid rgba(174,202,255,.38);border-radius:50%}.loader-orbit-one{width:12rem;height:12rem;border-style:dashed;animation:spin 3.5s linear infinite}.loader-orbit-two{width:18rem;height:7rem;transform:rotate(-35deg);animation:loaderOrbit 2.5s ease-in-out infinite}.loader-pulse{position:absolute;width:.5rem;height:.5rem;border-radius:50%;background:#8cedd2;box-shadow:0 0 15px #8cedd2}.loader-pulse-one{margin:-5.5rem 0 0 9.5rem;animation:loaderPulse 1.3s ease-in-out infinite}.loader-pulse-two{margin:5rem 9rem 0 0;background:#bfadff;box-shadow:0 0 15px #bfadff;animation:loaderPulse 1.3s .6s ease-in-out infinite}.loader-module{position:absolute;z-index:2;display:flex;align-items:center;gap:.45rem;padding:.42rem .55rem;border:1px solid rgba(188,211,250,.24);border-radius:.5rem;color:#d7e4fb;background:rgba(9,22,47,.3);font-family:'DM Mono',monospace;font-size:.55rem;opacity:0;animation:moduleReveal .45s forwards}.loader-module svg{width:.78rem;color:#8fbdff}.loader-module b{margin-left:.25rem;color:#89e7c8;font-size:.5rem}.module-one{margin:-10.5rem 0 0 -18rem;animation-delay:.25s}.module-two{margin:7.5rem 0 0 17rem;animation-delay:.65s}.module-three{margin:9.5rem 17rem 0 0;animation-delay:1.05s}.loader-progress{position:absolute;z-index:2;top:calc(50% + 8rem);width:min(17rem,65vw);height:2px;overflow:hidden;background:rgba(195,216,250,.2)}.loader-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#76a1ff,#8aedd4);transform:translateX(-100%);animation:loaderProgress 2.15s cubic-bezier(.2,.7,.2,1) forwards}.site-loader>p{position:absolute;z-index:2;top:calc(50% + 9rem);margin:0;color:#cad9f6;font-family:'DM Mono',monospace;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}.site-loader>p span:after{content:"";display:inline-block;width:1.5rem;animation:loaderDots 1.2s steps(4,end) infinite}
.site-nav{position:fixed;z-index:20;top:0;left:50%;width:min(100% - 2rem,1200px);height:5.4rem;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%);transition:background .25s,border .25s,box-shadow .25s}.site-nav.is-scrolled{top:.7rem;padding:0 1rem;height:4.35rem;border:1px solid rgba(208,219,238,.8);border-radius:1rem;background:rgba(255,255,255,.85);box-shadow:0 12px 36px rgba(29,53,93,.1);backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.65rem;font-size:.92rem;font-weight:800;letter-spacing:-.035em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:.7rem;color:#fff;background:var(--navy);font-family:'DM Mono',monospace;font-size:.68rem;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.brand-dot{color:var(--primary)}.nav-links{display:flex;gap:1.03rem}.nav-links a{position:relative;color:var(--muted);font-size:.71rem;font-weight:800;text-decoration:none}.nav-links a:after{position:absolute;right:0;bottom:-.45rem;left:0;height:2px;content:"";background:var(--primary);transform:scaleX(0);transition:transform .2s}.nav-links a:hover,.nav-links a.is-active{color:var(--ink)}.nav-links a:hover:after,.nav-links a.is-active:after{transform:scaleX(1)}.nav-cv{display:inline-flex;align-items:center;gap:.45rem;padding:.66rem .85rem;border:1px solid #d9e2f1;border-radius:.65rem;color:var(--ink);background:#fff;font-size:.73rem;font-weight:800;text-decoration:none;transition:all .2s}.nav-cv:hover{color:#fff;border-color:var(--primary);background:var(--primary);transform:translateY(-2px)}.nav-cv svg{width:.9rem}.menu-toggle{display:none;padding:.5rem;border:0;color:var(--ink);background:transparent;cursor:pointer}
/* Hero */
.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:4rem;min-height:100vh;padding-top:8.7rem;padding-bottom:5rem}.hero-copy{max-width:43rem}.hero-intro{max-width:37rem;margin-bottom:2rem;color:var(--muted);font-size:1.06rem}.hero-intro strong{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.hero-socials{display:flex;gap:1.3rem;margin-top:2.25rem}.hero-socials a{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.77rem;font-weight:800;text-decoration:none}.hero-socials a:hover{color:var(--primary)}.hero-socials svg{width:1rem}.hero-visual{position:relative;width:min(100%,32rem);aspect-ratio:1;margin:auto}.hero-visual:before{position:absolute;inset:10%;border-radius:50%;content:"";background:radial-gradient(circle,#e8f1ff 0 30%,rgba(232,241,255,.25) 50%,transparent 71%)}.orbit{position:absolute;border:1px solid #d9e6fa;border-radius:50%}.orbit-one{inset:9%;border-style:dashed;animation:spin 30s linear infinite}.orbit-two{inset:23%;border-color:#cfe2ff;animation:spin 18s linear infinite reverse}.core-station{position:absolute;z-index:2;top:50%;left:50%;display:grid;place-items:center;width:11.2rem;aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;background:radial-gradient(circle at 35% 30%,#7398ff,#3c67dc 55%,#293d9c);box-shadow:0 25px 45px rgba(76,108,219,.27),inset 0 0 0 7px rgba(255,255,255,.08);text-align:center;overflow:hidden}.core-station:before,.core-station:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.18);border-radius:50%}.core-station:before{inset:.58rem}.core-station:after{width:12rem;height:4rem;top:3.3rem;left:-.5rem;transform:rotate(-30deg)}.core-station>*{position:relative;z-index:1}.station-id{margin-bottom:-.7rem;color:#c7d7ff;font-family:'DM Mono',monospace;font-size:.5rem;letter-spacing:.13em}.core-station svg{width:1.8rem;height:1.8rem;margin-bottom:-.2rem}.core-station strong{font-size:.92rem;line-height:1.08;letter-spacing:-.04em}.core-station small{max-width:7rem;color:#d6e0ff;font-family:'DM Mono',monospace;font-size:.47rem;line-height:1.45}.floating-card{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;min-width:11rem;padding:.7rem .75rem;border:1px solid rgba(216,228,246,.94);border-radius:.85rem;background:rgba(255,255,255,.82);box-shadow:0 16px 32px rgba(42,71,118,.1);backdrop-filter:blur(7px);animation:float 4s ease-in-out infinite}.floating-card>svg{width:1.35rem;color:var(--primary)}.floating-card div{display:grid;line-height:1.25}.floating-card span{color:var(--muted);font-size:.59rem}.floating-card strong{font-size:.71rem;letter-spacing:-.02em}.floating-card b{margin-left:auto;color:var(--mint);font-size:.6rem}.card-system{top:12%;left:-3%;animation-delay:-1s}.card-network{right:-8%;bottom:15%;animation-delay:-2.2s}.card-network>svg{color:#7558ed}.card-security{bottom:8%;left:3%;animation-delay:-.3s}.card-security>svg{color:#31bd99}.visual-caption{position:absolute;right:10%;bottom:-1.3rem;display:flex;align-items:center;gap:.4rem;margin:0;color:var(--muted);font-family:'DM Mono',monospace;font-size:.62rem}.visual-caption span{width:.45rem;height:.45rem;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px #e4faf3}.scroll-cue{position:absolute;bottom:2.1rem;left:2rem;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-family:'DM Mono',monospace;font-size:.64rem;text-decoration:none;writing-mode:vertical-rl}.scroll-cue svg{width:.9rem;animation:down 1.5s infinite}
/* Shared headings */
.hero-visual .orbit-one{translate:var(--far-x,0) var(--far-y,0);transition:translate .35s ease-out}.hero-visual .orbit-two{translate:var(--mid-x,0) var(--mid-y,0);transition:translate .35s ease-out}.hero-visual .core-station{translate:var(--mid-x,0) var(--mid-y,0);transition:translate .35s ease-out}.hero-visual .floating-card{translate:var(--near-x,0) var(--near-y,0);transition:translate .35s ease-out}.orbit-planet{min-width:9.5rem;border-color:rgba(216,228,246,.94);font:inherit;text-align:left;cursor:pointer}.orbit-planet:hover{z-index:7;border-color:#8caffe;background:#fff;box-shadow:0 21px 37px rgba(49,91,172,.22);filter:saturate(1.2);scale:1.055}.orbit-planet:hover:after{position:absolute;inset:-.4rem;z-index:-1;border:1px solid rgba(79,124,255,.28);border-radius:1.05rem;content:"";animation:planetPulse 1.1s ease-out infinite}.orbit-planet:focus-visible{z-index:7;outline:3px solid #89aafa;outline-offset:3px}.card-system{top:5%;left:-8%}.card-network{top:7%;right:-11%;bottom:auto}.card-security{bottom:5%;left:-9%}.card-dns{top:42%;right:-13%;animation-delay:-1.4s}.card-dns>svg{color:#3d92da}.card-directory{right:-5%;bottom:3%;animation-delay:-2.6s}.card-directory>svg{color:#7a5cea}.card-ticket{top:43%;left:-13%;animation-delay:-.7s}.card-ticket>svg{color:#2da88c}.hero-visual.is-focused .orbit,.hero-visual.is-focused .core-station,.hero-visual.is-focused .visual-caption,.hero-visual.is-focused .visual-hint{opacity:.14;filter:blur(1px);transition:opacity .35s,filter .35s}.orbit-planet.is-muted{opacity:.18;pointer-events:none;scale:.88;filter:blur(1px)}.hero-visual .orbit-planet.is-focused{z-index:20;animation:none;translate:var(--focus-x) var(--focus-y);border-color:#fff;color:var(--ink);background:#fff;box-shadow:0 25px 55px rgba(31,65,132,.32);scale:1.18}.orbit-planet.is-focused:after{position:absolute;inset:-.75rem;z-index:-1;border:1px solid rgba(79,124,255,.3);border-radius:1.25rem;content:"";animation:focusPulse 1.5s ease-out infinite}.orbit-focus{position:absolute;z-index:21;top:calc(50% + 5.2rem);left:50%;width:min(19rem,78%);padding:1rem 1.05rem;border:1px solid rgba(211,225,247,.9);border-radius:.9rem;color:var(--ink);background:rgba(255,255,255,.96);box-shadow:0 17px 32px rgba(35,66,119,.17);opacity:0;pointer-events:none;transform:translate(-50%,.75rem);transition:opacity .3s,transform .3s}.orbit-focus.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%,0)}.orbit-focus>p:first-child{margin:0;color:#7888a1;font-family:'DM Mono',monospace;font-size:.54rem;text-transform:uppercase;letter-spacing:.05em}.orbit-focus h3{margin:.25rem 0 .4rem;font-size:1.02rem}.orbit-focus-description{margin:0;color:#586780;font-size:.66rem;line-height:1.55}.orbit-focus-close{display:inline-flex;align-items:center;gap:.3rem;margin-top:.65rem;padding:0;border:0;color:var(--primary);background:transparent;font-family:Manrope,sans-serif;font-size:.62rem;font-weight:800;cursor:pointer}.orbit-focus-close:hover{text-decoration:underline}.orbit-focus-close svg{width:.75rem}.visual-hint{position:absolute;right:3%;bottom:-3.5rem;display:flex;align-items:center;gap:.38rem;margin:0;color:#94a3bb;font-family:'DM Mono',monospace;font-size:.55rem}.visual-hint svg{width:.75rem;height:.75rem;color:var(--primary)}
.section-label{display:flex;align-items:center;gap:.7rem;margin-bottom:3rem;color:#9aa7bd;font-family:'DM Mono',monospace;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.section-label span{color:var(--primary)}.section-label p{margin:0}.section-label:after{width:3rem;height:1px;content:"";background:#d9e2ef}.section-label-light{color:#9caccc}.section-label-light span{color:var(--cyan)}.section-label-light:after{background:rgba(255,255,255,.2)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.section-intro>p{max-width:22rem;margin-bottom:.7rem;color:var(--muted);font-size:.92rem}.split-intro h2{margin:0}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.14s}
/* About & skills */
.about-section{padding-top:6rem}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem;align-items:start}.about-copy{max-width:31rem}.about-copy h2{font-size:clamp(2.35rem,4.5vw,4rem)}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:.95rem}.about-copy strong{color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.7rem;color:var(--primary);font-size:.8rem;font-weight:800;text-decoration:none}.text-link:hover{color:var(--primary-dark)}.skills-area{padding:1.15rem;border:1px solid var(--line);border-radius:1.3rem;background:rgba(255,255,255,.72);box-shadow:0 22px 45px rgba(36,65,112,.06)}.skills-head{display:flex;justify-content:space-between;padding:.25rem .25rem 1.15rem}.skills-head p{margin:0;font-size:.81rem;font-weight:800}.skills-head span{color:var(--muted);font-size:.65rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.skill-card{position:relative;min-height:11.5rem;padding:1.1rem;border:1px solid var(--line);border-radius:.9rem;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}.skill-card:hover{z-index:1;border-color:#b5cbff;box-shadow:0 16px 26px rgba(53,96,184,.13);transform:translateY(-4px)}.skill-highlight{color:#fff;border-color:#5f80ed;background:linear-gradient(145deg,#4775fa,#705fe2)}.skill-highlight:hover{border-color:#fff}.skill-icon{display:grid;place-items:center;width:2.45rem;height:2.45rem;margin-bottom:2.2rem;border-radius:.7rem;color:var(--primary);background:#eaf0ff}.skill-icon svg{width:1.15rem}.skill-highlight .skill-icon{color:#fff;background:rgba(255,255,255,.16)}.skill-card strong{display:block;font-size:.88rem;line-height:1.25;letter-spacing:-.03em}.card-arrow{position:absolute;right:1rem;bottom:1rem;width:1rem;color:#91a0b9;transition:transform .2s}.skill-card:hover .card-arrow{transform:rotate(90deg)}.skill-highlight .card-arrow{color:rgba(255,255,255,.72)}.tech-stack{display:grid;gap:.7rem;padding:1.35rem .25rem .1rem}.tech-stack>span{color:var(--muted);font-size:.63rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.tech-stack div{display:flex;flex-wrap:wrap;gap:.4rem}.tech-stack b{padding:.27rem .45rem;border-radius:.32rem;color:#687895;background:#f0f4fa;font-family:'DM Mono',monospace;font-size:.59rem;font-weight:500}
/* Certificates */
.certifications-section{padding-top:8.5rem}.certificate-carousel{max-width:840px;overflow:hidden;border-radius:1.25rem}.carousel-track{display:flex;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.certificate-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;flex:0 0 100%;min-height:18rem;padding:2.5rem;overflow:hidden;color:#fff}.certificate-card:after{position:absolute;right:-3rem;bottom:-7rem;content:"";width:20rem;height:20rem;border:1px solid rgba(255,255,255,.2);border-radius:50%}.certificate-card-blue{background:linear-gradient(135deg,#2866e9,#58aae9)}.certificate-card-violet{background:linear-gradient(135deg,#5a43c5,#a36de1)}.certificate-logo{display:grid;place-items:center;width:4.3rem;height:4.3rem;border:1px solid rgba(255,255,255,.4);border-radius:1rem;background:rgba(255,255,255,.14);font-family:'DM Mono',monospace;font-size:1rem}.certificate-state{margin-bottom:.55rem;opacity:.8;font-family:'DM Mono',monospace;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase}.certificate-card h3{margin-bottom:.55rem;font-size:clamp(1.5rem,3vw,2.2rem)}.certificate-card div p:last-child{max-width:29rem;margin:0;font-size:.85rem}.certificate-card>svg{position:relative;z-index:1;width:3.8rem;height:3.8rem;opacity:.75}.carousel-controls{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;padding:1rem .15rem}.carousel-btn{display:grid;place-items:center;width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:#fff;cursor:pointer;transition:all .2s}.carousel-btn:hover{color:#fff;border-color:var(--primary);background:var(--primary)}.carousel-btn svg{width:1rem}.carousel-progress{display:flex;align-items:center;gap:.6rem;margin-right:.3rem;font-family:'DM Mono',monospace;font-size:.64rem}.carousel-progress b{color:var(--primary)}.carousel-progress span{display:block;width:2.4rem;height:1px;background:#ccd8eb}.carousel-progress em{color:var(--muted);font-style:normal}
/* Journey */
.journey-section{color:#fff;background:var(--navy)}.journey-heading h2{margin-bottom:3.6rem}.journey-heading h2 em{color:var(--cyan)}.journey-heading .eyebrow{color:var(--cyan)}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:4.5rem}.journey-column{border-top:1px solid rgba(255,255,255,.2)}.journey-title{display:flex;align-items:center;gap:.8rem;padding:1.25rem 0}.journey-title>svg{width:1.55rem;color:var(--cyan)}.journey-title span{display:block;color:#9faccc;font-family:'DM Mono',monospace;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}.journey-title h3{margin:0;font-size:1.35rem}.timeline-card{position:relative;padding:1.4rem 1.4rem 1.5rem;border-top:1px solid rgba(255,255,255,.14)}.timeline-card:before{position:absolute;left:-.18rem;top:1.7rem;width:.35rem;height:.35rem;border-radius:50%;content:"";background:#6f83a9}.timeline-card.current:before{background:var(--mint);box-shadow:0 0 0 5px rgba(119,230,195,.14)}.timeline-date{display:block;margin-bottom:.65rem;color:#a9b7d4;font-family:'DM Mono',monospace;font-size:.61rem;letter-spacing:.08em;text-transform:uppercase}.timeline-card h4{margin-bottom:.5rem;font-size:1.04rem}.timeline-card p{max-width:29rem;margin-bottom:0;color:#b8c3d9;font-size:.8rem}.now-tag{display:inline-block;margin-top:.9rem;padding:.25rem .5rem;border-radius:.3rem;color:#69dfba;background:rgba(119,230,195,.1);font-family:'DM Mono',monospace;font-size:.57rem}
/* Projects */
.projects-intro{margin-bottom:3.3rem}.projects-intro h2{margin:0}.featured-projects{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:18rem 18rem;gap:1rem}.project-card{position:relative;min-height:0;border-radius:1rem;overflow:hidden;color:#fff;background:#1d335b}.project-card.project-large{grid-row:span 2}.project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .6s ease,filter .4s}.project-card:hover img{transform:scale(1.06);filter:saturate(1.1)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,31,61,.04) 25%,rgba(10,24,47,.9) 100%)}.project-number{position:absolute;top:1rem;right:1.15rem;color:rgba(255,255,255,.72);font-family:'DM Mono',monospace;font-size:.67rem}.project-content{position:absolute;right:1.35rem;bottom:1.35rem;left:1.35rem}.project-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.75rem}.project-meta span{padding:.25rem .42rem;border:1px solid rgba(255,255,255,.22);border-radius:.3rem;background:rgba(13,27,52,.25);font-family:'DM Mono',monospace;font-size:.55rem;backdrop-filter:blur(5px)}.project-content h3{margin-bottom:.5rem;font-size:clamp(1.25rem,2.2vw,2rem)}.project-content p{max-width:30rem;margin:0;color:#e1e8f5;font-size:.76rem}.round-link{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid rgba(255,255,255,.34);border-radius:50%;color:#fff;background:rgba(255,255,255,.11);cursor:pointer;backdrop-filter:blur(4px);transition:all .22s}.round-link:hover{color:var(--navy);background:#fff;transform:rotate(45deg)}.round-link svg{width:1rem}
/* Watch */
.watch-section{color:#fff;background:linear-gradient(135deg,#152b50,#1a3867)}.watch-layout{display:grid;grid-template-columns:.1fr 1fr 1fr;gap:3.5rem;align-items:center}.watch-copy .eyebrow{color:var(--cyan)}.watch-copy h2{font-size:clamp(2.4rem,4vw,4rem)}.watch-copy p:not(.eyebrow){max-width:32rem;color:#c3d0e4;font-size:.92rem}.watch-copy strong{color:#fff}.btn-light{margin-top:.65rem;color:var(--navy);background:#fff}.btn-light:hover{background:var(--cyan)}.watch-topics>p{margin-bottom:.8rem;color:#aabbd9;font-family:'DM Mono',monospace;font-size:.65rem;text-transform:uppercase;letter-spacing:.09em}.watch-topics article{display:grid;grid-template-columns:1.8rem 1fr auto;gap:1rem;align-items:center;padding:1.1rem 0;border-top:1px solid rgba(255,255,255,.18)}.topic-index{color:var(--cyan);font-family:'DM Mono',monospace;font-size:.63rem}.watch-topics h3{margin-bottom:.25rem;font-size:1rem}.watch-topics article p{margin:0;color:#bccbe1;font-size:.72rem}.watch-topics article>svg{width:1.2rem;color:#9eb5de}.watch-sources{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:1.25rem}.watch-sources span{width:100%;margin-bottom:.15rem;color:#aabbd9;font-family:'DM Mono',monospace;font-size:.59rem;text-transform:uppercase}.watch-sources b{padding:.28rem .45rem;border:1px solid rgba(255,255,255,.18);border-radius:.3rem;color:#c8d5e8;font-family:'DM Mono',monospace;font-size:.56rem;font-weight:500}
/* E5 & E6 */
.work-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3.2rem}.work-heading h2{margin:0}.work-heading>p{max-width:27rem;margin-bottom:.6rem;color:var(--muted);font-size:.88rem}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.tp-card{position:relative;display:block;min-height:15rem;padding:1.3rem;border:1px solid var(--line);border-radius:.9rem;color:var(--ink);background:#fff;text-decoration:none;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.tp-card:hover{z-index:1;border-color:#b7caff;box-shadow:0 17px 30px rgba(42,75,132,.12);transform:translateY(-5px)}.tp-card>span{position:absolute;right:1.15rem;top:1rem;color:#d8e3f6;font-family:'DM Mono',monospace;font-size:.72rem}.tp-card>svg{width:1.35rem;height:1.35rem;margin:1.2rem 0 2rem;color:var(--primary)}.tp-card h3{margin-bottom:.55rem;font-size:1rem}.tp-card p{margin-bottom:1.3rem;color:var(--muted);font-size:.73rem}.tp-card b{display:flex;align-items:center;gap:.3rem;margin-top:auto;color:var(--primary);font-size:.68rem}.tp-card b svg{width:.85rem;transition:transform .2s}.tp-card:hover b svg{transform:translate(2px,-2px)}.e6-section{background:#edf3ff}.e6-section .section-shell{padding-top:6.5rem;padding-bottom:6.5rem}.e6-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.e6-cards article{display:flex;justify-content:space-between;gap:2rem;min-height:13.5rem;padding:1.6rem;border:1px dashed #a7bee9;border-radius:1rem;background:rgba(255,255,255,.52)}.e6-cards article span{color:#7286ac;font-family:'DM Mono',monospace;font-size:.62rem;text-transform:uppercase}.e6-cards h3{margin:.8rem 0 .5rem;font-size:1.4rem}.e6-cards p{max-width:23rem;margin:0;color:var(--muted);font-size:.78rem}.e6-cards article>svg{width:2rem;height:2rem;color:#7d9ee0}
/* Contact + footer */
.contact-section{padding-top:7rem}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem}.contact-copy h2{font-size:clamp(2.4rem,4.2vw,4rem)}.contact-copy>p:not(.eyebrow){max-width:28rem;color:var(--muted);font-size:.92rem}.contact-direct{display:grid;gap:.8rem;margin-top:2rem}.contact-direct a{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-size:.79rem;font-weight:800;text-decoration:none}.contact-direct a:hover{color:var(--primary)}.contact-direct svg{width:1rem;color:var(--primary)}.contact-form{display:grid;gap:1rem;padding:1.45rem;border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 20px 42px rgba(45,76,127,.07)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:grid;gap:.45rem}.form-group label{color:#4e5c72;font-size:.69rem;font-weight:800}.form-group input,.form-group textarea{width:100%;padding:.78rem .85rem;border:1px solid #dbe4f1;border-radius:.55rem;outline:none;color:var(--ink);background:#fbfcff;font-size:.8rem;transition:border-color .2s,box-shadow .2s}.form-group textarea{min-height:9rem;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e8efff}.btn-submit{margin-top:.25rem}.btn-submit:disabled{cursor:wait;opacity:.75}#contact-status{min-height:1rem;text-align:center;font-size:.72rem}.status-message.success{color:#168461}.status-message.error{color:#d64d5e}footer{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:1.75rem 2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem}footer p{margin:0}.footer-top{display:inline-flex;align-items:center;gap:.4rem;font-weight:800;text-decoration:none}.footer-top:hover{color:var(--primary)}.footer-top svg{width:.9rem}
/* Dialog */
.detail-dialog{width:min(calc(100% - 2rem),36rem);padding:2rem;border:0;border-radius:1.2rem;color:var(--ink);box-shadow:0 28px 90px rgba(10,27,58,.3)}.detail-dialog::backdrop{background:rgba(15,31,59,.62);backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:1rem;right:1rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border:0;border-radius:50%;color:#66738a;background:#edf2fa;cursor:pointer;transition:all .2s}.dialog-close:hover{color:#fff;background:var(--primary);transform:rotate(90deg)}.dialog-close svg{width:1rem}.dialog-icon{display:grid;place-items:center;width:3.1rem;height:3.1rem;margin-bottom:1.3rem;border-radius:.8rem;color:var(--primary);background:#e9efff}.dialog-icon svg{width:1.45rem}.detail-dialog h2{font-size:2rem}.detail-dialog>p:not(.eyebrow){margin-bottom:1.6rem;color:var(--muted);font-size:.9rem}.dialog-done{float:right}
/* Report page compatibility */
.gradient-bg{display:none}.report-container{padding:7rem 1.5rem 5rem!important}.report-card{background:rgba(255,255,255,.9)!important;border-color:var(--line)!important;box-shadow:0 12px 30px rgba(35,47,41,.04)}.report-card h1{font-size:clamp(2rem,5vw,3.5rem)}.report-card h2{color:var(--primary)!important;font-size:1.65rem}.report-card .response{color:var(--muted)}.back-link{color:var(--muted)!important;font-size:.82rem}.back-link:hover{color:var(--primary)!important}.tech-box{color:#dbe5df!important;background:#26342f!important;border-left-color:#90b19a!important}.comment{color:#a4c79f!important}.command{color:#c3ddd0!important}.skills-tag{color:var(--primary)!important;background:#e9f0ea!important}.report-card strong{color:var(--primary)!important}th{color:var(--primary)!important;background:#edf2ed!important}td{color:var(--ink)!important}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes planetPulse{to{opacity:0;transform:scale(1.1)}}@keyframes focusPulse{to{opacity:0;transform:scale(1.13)}}@keyframes down{50%{transform:translateY(5px)}}@keyframes loaderCore{50%{transform:scale(1.08);box-shadow:0 0 0 17px rgba(126,164,255,.06),0 0 54px rgba(111,151,255,.7)}}@keyframes loaderOrbit{50%{transform:rotate(-25deg) scale(1.05)}}@keyframes loaderPulse{50%{transform:scale(1.8);opacity:.45}}@keyframes moduleReveal{to{opacity:1;transform:translateY(-4px)}}@keyframes loaderProgress{to{transform:none}}@keyframes loaderScan{50%,100%{transform:translateX(110%)}}@keyframes loaderDots{0%{content:""}25%{content:"."}50%{content:".."}75%,100%{content:"..."}}
@media(max-width:1050px){.menu-toggle{display:block;order:2}.nav-cv{order:3}.nav-links{position:absolute;top:calc(100% + .55rem);right:0;left:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0;padding:.6rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.97);box-shadow:0 16px 32px rgba(25,48,86,.12);visibility:hidden;opacity:0;transform:translateY(-.5rem);transition:all .2s}.nav-links.is-open{visibility:visible;opacity:1;transform:none}.nav-links a{padding:.65rem .8rem}.nav-links a:after{display:none}}
@media(max-width:900px){.nav-links{gap:1rem}.hero{gap:2rem}.about-grid,.contact-layout{gap:3.5rem}.watch-layout{grid-template-columns:1fr 1fr}.watch-layout>.section-label{grid-column:1/-1;margin-bottom:0}.tp-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.section-shell{padding:5.2rem 1.2rem}.site-nav{width:calc(100% - 1.5rem);height:4.7rem}.site-nav.is-scrolled{top:.4rem;height:4rem}.nav-cv span{display:none}.nav-cv{padding:.58rem}.nav-links{grid-template-columns:1fr}.hero{grid-template-columns:1fr;min-height:auto;padding-top:8.2rem;padding-bottom:6rem}.hero-visual{width:min(100%,27rem);margin-top:1.4rem}.visual-hint{display:none}.scroll-cue{display:none}.about-grid,.journey-grid,.contact-layout{grid-template-columns:1fr}.section-intro,.work-heading{display:grid;gap:1rem}.section-intro>p,.work-heading>p{margin-bottom:0}.journey-grid{gap:2rem}.watch-layout{grid-template-columns:1fr;gap:2.4rem}.watch-layout>.section-label{grid-column:auto}.watch-section .section-shell{padding-top:5.2rem}.featured-projects{grid-template-columns:1fr;grid-template-rows:20rem 17rem 17rem}.project-card.project-large{grid-row:auto}.tp-grid{grid-template-columns:1fr}.e6-cards{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}footer{gap:1rem;padding:1.4rem 1.2rem}footer p{display:none}.detail-dialog{padding:1.5rem}.certificate-card{grid-template-columns:auto 1fr;padding:1.7rem}.certificate-card>svg{display:none}}
@media(max-width:430px){h1{font-size:3.1rem}.hero-actions{display:grid}.hero-actions .btn{width:100%}.floating-card{min-width:auto;padding:.55rem}.floating-card span{display:none}.floating-card strong{font-size:.64rem}.card-system{left:0}.card-network{right:0}.card-security{left:0}.skills-grid{grid-template-columns:1fr}.skill-card{min-height:9rem}.skill-icon{margin-bottom:1rem}.certificate-card{gap:1rem}.certificate-logo{width:3.3rem;height:3.3rem}.carousel-controls{justify-content:center}.e6-cards article{min-height:11rem}.hero-socials{gap:.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}