:root,[data-theme=dark]{--bg:#060606;--bg2:#0e0e0e;--panel:#141414;--deep:#050505;--line:#232323;--line2:#333;--text:#f4f4f4;--mute:#777;--faint:#4a4a4a;--inv:#f4f4f4;--invt:#0a0a0a;--stroke:#555;--beam:#222;--dot:#ffffff0d}[data-theme=light]{--bg:#f2f2f0;--bg2:#e8e8e5;--panel:#fff;--deep:#fafaf9;--line:#d8d8d4;--line2:#bbb;--text:#101010;--mute:#6a6a6a;--faint:#aaa;--inv:#101010;--invt:#f4f4f4;--stroke:#999;--beam:#dcdcd8;--dot:#0000000f}:root{--head:"Orbitron","Michroma",sans-serif;--body:"Space Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}html,body{overflow-x:hidden}img{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}body{background:var(--bg);color:var(--text);font-family:var(--body);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:26px 26px;line-height:1.9;transition:background-color .3s,color .3s}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--text);outline-offset:3px}main{max-width:1240px;margin:0 auto;padding:0 40px}.nav{z-index:50;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:73px;padding:0 56px;display:flex;position:fixed;top:0;left:0;right:0}.nav:after{content:"";background:linear-gradient(90deg,transparent,var(--mute),transparent);height:1px;position:absolute;bottom:-1px;left:30%;right:30%}.logo{font:800 1.05rem var(--head);letter-spacing:.2em;white-space:nowrap}.logo span{color:var(--mute);font-weight:400}.dot{background:var(--text);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:14px;display:inline-block}.nav ul{border:1px solid var(--line);background:var(--bg2);border-radius:8px;gap:4px;padding:5px;list-style:none;display:flex}.nav li a{font:500 .72rem var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--mute);border-radius:6px;padding:9px 22px;transition:color .2s,background .2s;display:block}.nav li a:hover{color:var(--text)}.nav li a.on{background:var(--line);color:var(--text)}.burger{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:6px 9px;display:none}.theme{z-index:60;border:1px solid var(--line2);background:var(--panel);width:54px;height:54px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:30px;left:36px}.theme:hover{border-color:var(--text)}.hero{grid-template-columns:.8fr 1.2fr;align-items:center;min-height:100svh;padding:120px 0 70px;display:grid;position:relative}.beam{background:linear-gradient(180deg,var(--beam),transparent 95%);clip-path:polygon(0 0,100% 0,62% 100%,0 100%);z-index:-1;width:46vw;position:absolute;top:-73px;bottom:0;left:-40px}.badge-wrap{justify-content:center;padding-top:40px;display:flex;position:relative}.lanyard{z-index:2;background:linear-gradient(90deg,#222,#555,#222);width:14px;height:240px;margin-left:-7px;position:absolute;top:-130px;left:50%}.clip{background:linear-gradient(90deg,#666,#bbb,#666);border-radius:3px;width:16px;height:34px;margin-left:-8px;position:absolute;bottom:-4px;left:50%}.idcard{text-align:center;background:var(--deep);transform-origin:50% -150px;border:3px solid #1a1a1a;border-radius:26px;width:min(340px,80vw);margin-top:90px;padding:20px 20px 24px;animation:6s ease-in-out infinite sw;position:relative;box-shadow:0 30px 60px #00000073,inset 0 0 0 1px #2a2a2a}[data-theme=light] .idcard{color:#f4f4f4;background:#0a0a0a}@keyframes sw{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}.hole{border:2px solid #333;border-radius:50%;width:16px;height:16px;margin:8px auto 14px;display:block}.idphoto{aspect-ratio:1/1.08;background:#161616;border:1px solid #2a2a2a;border-radius:14px;place-items:center;display:grid;overflow:hidden}.idphoto img{object-fit:cover;width:100%;height:100%}.initials{font:900 3.6rem var(--head);color:#444}.idcard h3{font:800 .95rem var(--head);letter-spacing:.14em;white-space:nowrap;max-width:100%;margin-top:18px}.pill{font:500 .62rem var(--head);letter-spacing:.2em;text-transform:uppercase;color:#aaa;background:#101010;border:1px solid #2c2c2c;border-radius:99px;align-items:center;gap:8px;margin-top:12px;padding:5px 18px;display:inline-flex}.pill i{background:#2fbf71;border-radius:50%;width:7px;height:7px}.hero-copy{text-align:right}.iam{font:500 1rem var(--head);letter-spacing:.7em;color:var(--mute)}.hero h1{font:800 clamp(1.7rem,4.3vw,4rem)/1.15 var(--head);letter-spacing:.02em;margin:8px 0}.role{font:400 .8rem var(--head);letter-spacing:.5em;text-transform:uppercase;color:var(--faint);margin-top:18px}.cta{flex-wrap:wrap;justify-content:flex-end;gap:14px;margin-top:40px;display:flex}.btn{font:500 .78rem var(--head);letter-spacing:.25em;text-transform:uppercase;border:1px solid var(--text);color:var(--text);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:17px 32px;transition:background .2s,color .2s;display:inline-flex}.btn:hover{background:var(--text);color:var(--bg)}.btn.solid{background:var(--inv);color:var(--invt)}.btn.solid:hover{opacity:.85;background:var(--inv);color:var(--invt)}.socials{justify-content:flex-end;gap:14px;margin-top:28px;display:flex}.socials a{border:1px solid var(--line2);width:43px;height:43px;color:var(--text);border-radius:50%;place-items:center;transition:background .2s,color .2s;display:grid}.socials a:hover{background:var(--text);color:var(--bg)}.sec{padding:110px 0 20px}.head{margin-bottom:56px}.label{font:400 .72rem var(--head);letter-spacing:.55em;text-transform:uppercase;color:var(--mute)}.head h2,.big{font:800 clamp(2.2rem,5.5vw,4.4rem)/1.12 var(--head);letter-spacing:.01em;margin-top:16px}.big{margin-top:0;margin-bottom:56px}.head h2 em,.big em{color:#0000;-webkit-text-stroke:1.5px var(--stroke);font-style:normal}.about{grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;display:grid}.about p{color:var(--mute);max-width:60ch;margin-bottom:20px;font-size:1.02rem}.about p b{color:var(--text)}.about .btn{margin-top:26px}.stats{grid-template-columns:1fr 1fr;gap:15px;display:grid}.stats div{background:var(--panel);border:1px solid var(--line);padding:30px 24px 26px}.stats strong{font:900 2.4rem/1.2 var(--head);display:block}.stats span{font:400 .66rem var(--head);letter-spacing:.35em;text-transform:uppercase;color:var(--faint)}.grid2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.grid4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.missions{margin-top:70px}.card{background:var(--panel);border:1px solid var(--line);padding:30px;transition:border-color .2s;display:block}.card:hover{border-color:var(--line2)}.card h3{font:700 1.05rem var(--head);letter-spacing:.06em;margin-bottom:10px}.card h3 small{font:400 .75rem var(--body);color:var(--mute)}.card h4{font:400 .85rem var(--body);color:var(--mute);margin-bottom:10px}.card p{color:var(--mute);font-size:.9rem;line-height:1.8}.chips,.tags{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.chips span,.tags span{font:400 .66rem var(--body);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line2);color:var(--mute);background:var(--deep);padding:6px 14px}.skills{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.skill{perspective:1000px;height:262px;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;position:relative}.face{background:var(--deep);border:1px solid var(--line);backface-visibility:hidden;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;transition:transform .6s,border-color .2s;display:flex;position:absolute;inset:0}[data-theme=light] .face{background:var(--panel)}.skill:hover .face{border-color:var(--line2)}.ico{background:var(--line);border:1px solid var(--line2);border-radius:14px;place-items:center;width:62px;height:62px;margin-bottom:10px;display:grid}.front b{font:700 .95rem var(--head);letter-spacing:.08em}.front small{font:400 .66rem var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}.hint{font:400 .62rem var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--mute);margin-top:14px}.back{transform:rotateY(180deg)}.back b{font:700 .95rem var(--head);letter-spacing:.08em;margin-bottom:6px}.back ul{text-align:center;color:var(--mute);padding:0;font-size:.8rem;line-height:2;list-style:none}.skill.flip .front{transform:rotateY(-180deg)}.skill.flip .back{transform:rotateY(0)}.timeline{gap:24px;padding:0;list-style:none;display:grid;position:relative}.timeline:before{content:"";background:var(--line2);width:1px;position:absolute;top:30px;bottom:0;left:19px}.timeline li{grid-template-columns:68px 1fr;display:grid;position:relative}.node{z-index:1;background:var(--panel);border:1px solid var(--line2);width:40px;height:40px;box-shadow:0 0 0 6px var(--bg);color:var(--text);border-radius:50%;place-items:center;display:grid;position:relative}.tcard{background:var(--panel);border:1px solid var(--line);padding:34px}.tcard time{font:400 .72rem var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--faint)}.tcard h3{font:700 1.3rem var(--head);letter-spacing:.04em;margin:8px 0 4px}.tcard h4{font:400 .95rem var(--body);letter-spacing:.06em;color:var(--text)}.tcard p{color:var(--mute);max-width:60ch;margin-top:12px;font-size:.92rem;line-height:1.9}.project{position:relative}.featured{grid-column:1/-1}.feat{font:500 .62rem var(--head);letter-spacing:.25em;text-transform:uppercase;background:var(--inv);color:var(--invt);padding:5px 14px;position:absolute;top:24px;right:24px}.more{margin-top:34px}.cert time{font:400 .7rem var(--head);letter-spacing:.3em;color:var(--faint)}.cert h3{margin:10px 0 6px;font-size:.9rem}.cert p{font-size:.82rem}.contact{grid-template-columns:1.2fr 1fr;gap:16px;display:grid}.contact form{gap:18px;display:grid}.contact label{font:400 .66rem var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--mute);gap:8px;display:grid}input,textarea{font:400 .95rem var(--body);background:var(--deep);color:var(--text);border:1px solid var(--line2);resize:vertical;border-radius:0;padding:13px 14px}input:focus,textarea:focus{border-color:var(--text);outline:none}.links{align-content:start;gap:16px;display:grid}.links .card{font:700 .9rem var(--head);letter-spacing:.1em;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;display:grid}.links small{font:400 .8rem var(--body);letter-spacing:0;color:var(--mute);word-break:break-all;grid-column:2}footer{text-align:center;border-top:1px solid var(--line);font:400 .66rem var(--head);letter-spacing:.3em;text-transform:uppercase;color:var(--faint);margin-top:110px;padding:30px}@media (width<=1100px){.nav{padding:0 24px}.nav li a{letter-spacing:.14em;padding:9px 12px}.logo{letter-spacing:.14em;font-size:.9rem}.skills{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}.about{gap:40px}}@media (width<=900px){.nav{height:64px;padding:0 18px}.burger{place-items:center;width:42px;height:42px;padding:0;display:grid}.nav ul{border:0;border-bottom:1px solid var(--line);background:var(--bg);border-radius:0;flex-direction:column;gap:2px;max-height:calc(100svh - 64px);padding:10px 14px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.nav ul.open{display:flex}.nav li a{padding:15px 14px;font-size:.78rem}.nav:after{display:none}.hero{text-align:center;grid-template-columns:1fr;gap:34px;padding:100px 0 60px}.beam{clip-path:none;opacity:.55;width:auto;height:70%;bottom:auto;left:-40px;right:-40px}.hero-copy{text-align:center}.cta,.socials{justify-content:center}.badge-wrap{padding-top:0}.idcard{width:min(290px,76vw);margin-top:70px}.idcard h3{letter-spacing:.09em;font-size:.85rem}.lanyard{height:200px;top:-110px}.idcard{transform-origin:50% -120px}.about,.contact,.grid2,.grid3{grid-template-columns:1fr}.about p{max-width:none}.featured{grid-column:auto}.skills{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width<=600px){main{padding:0 18px}.logo{letter-spacing:.1em;font-size:.72rem}.logo .k,.dot{display:none}.theme{width:44px;height:44px;bottom:14px;left:14px}.idcard h3{letter-spacing:.06em;font-size:clamp(.72rem,3.4vw,.8rem)}.hero h1{overflow-wrap:anywhere;font-size:clamp(1.15rem,6vw,2rem)}.iam{letter-spacing:.5em;font-size:.8rem}.role{letter-spacing:.28em;font-size:.62rem;line-height:2}.cta{margin-top:30px}.cta .btn{letter-spacing:.18em;flex:140px;justify-content:center;padding:15px 16px;font-size:.7rem}.socials a{width:46px;height:46px}.sec{padding:76px 0 8px}.head{margin-bottom:34px}.head h2,.big{font-size:clamp(1.6rem,8.4vw,2.6rem)}.big{margin-bottom:34px}.label{letter-spacing:.4em;font-size:.62rem}.about p{font-size:.92rem}.about .btn{justify-content:center;width:100%}.stats{gap:10px}.stats div{padding:20px 14px}.stats strong{font-size:1.7rem}.stats span{letter-spacing:.2em;font-size:.56rem}.missions{margin-top:44px}.card{padding:22px}.skills{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.skill{height:158px}.face{gap:6px;padding:10px 4px}.ico{border-radius:10px;width:40px;height:40px;margin-bottom:2px}.ico svg{width:20px;height:20px}.front b,.back b{letter-spacing:.02em;overflow-wrap:anywhere;text-align:center;font-size:.62rem}.front small{letter-spacing:.12em;font-size:.48rem}.back{justify-content:center;gap:4px}.back ul{font-size:.56rem;line-height:1.5}.hint{letter-spacing:.1em;margin-top:2px;font-size:.46rem}.timeline li{grid-template-columns:48px 1fr}.timeline:before{left:15px}.node{width:32px;height:32px;box-shadow:0 0 0 5px var(--bg)}.tcard{padding:22px 18px}.tcard h3{font-size:1.05rem}.tcard time{letter-spacing:.2em;font-size:.62rem}.tcard h4{font-size:.85rem}.tags span,.chips span{letter-spacing:.08em;padding:5px 10px;font-size:.6rem}.feat{margin-bottom:14px;display:inline-block;position:static}.more{justify-content:center;width:100%;padding:15px 12px;font-size:.7rem}.grid4{gap:10px}.cert{padding:18px 14px}.cert h3{font-size:.78rem}input,textarea{font-size:16px}.contact form .btn{justify-content:center;width:100%}footer{letter-spacing:.2em;margin-top:70px;padding:24px 18px 90px;font-size:.55rem;line-height:2}}@media (width<=360px){.idcard h3{letter-spacing:.04em;font-size:.64rem}.grid4{grid-template-columns:1fr}.skill{height:150px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}@media (width<=900px){.theme{width:42px;height:42px;inset:11px 68px auto auto}}@media (width<=600px){.theme{width:42px;height:42px;inset:11px 66px auto auto}footer{padding-bottom:24px}.beam{left:-18px;right:-18px}}