:root{--bg:#000;--fg:#f5f5f5;--muted:#bfbfbf;--card:#111;--card-2:#141414;--border:#222;--accent:#ffffff;--header-h:64px;--footer-h:72px;--mobile-nav-h: 68px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:#000;color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{min-height:100svh;display:flex;flex-direction:column}.main{flex:1 0 auto}.container{width:min(1120px,92vw);margin:0 auto}.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(0,0,0,.35) 60%,transparent);border-bottom:1px solid rgba(255,255,255,.04)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{display:inline-flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.6px;color:var(--fg);text-decoration:none}.sidenav{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:60;background:linear-gradient(180deg,#ffffff0f,#0000001a);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:18px;padding:10px;box-shadow:0 10px 40px #00000073,inset 0 0 0 1px #ffffff0d}.sidenav ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.side-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--fg);padding:10px 12px;border-radius:12px;border:1px solid transparent;font-weight:600;transition:background .18s ease,transform .18s ease,border-color .18s ease}.side-link:hover{transform:translate(-2px);background:#0d0d0d;border-color:var(--border)}.side-link.active{border-color:var(--fg);background:#ffffff0a}@media (max-width:1100px){.sidenav{right:12px}.hide-sm{display:none}}.hero{min-height:calc(100dvh - var(--header-h) - var(--footer-h) - 6px);padding:48px 0 8px;display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;align-items:center}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}.title{font-size:clamp(38px,6vw,64px);line-height:1.05;margin:12px 0;font-weight:800;text-wrap:balance}.subtitle{color:var(--muted);font-size:18px;margin-bottom:14px}.points{display:grid;gap:10px;margin:12px 0 16px}.point{display:flex;align-items:start;gap:10px;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);padding:12px 14px;border-radius:14px}.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--fg);background:#0c0c0c;color:var(--fg);padding:12px 16px;border-radius:999px;text-decoration:none;font-weight:600;transform:translateZ(0);transition:transform .16s ease,box-shadow .16s ease;will-change:transform;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ffffff0f}.btn.ghost{background:transparent;border-color:var(--border);color:var(--fg)}.btn.ghost:hover{border-color:var(--fg)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%),rgba(255,255,255,.08),transparent 40%);opacity:0;transition:opacity .2s ease;pointer-events:none}.btn:hover:after{opacity:1}.frame{border:1px solid var(--border);border-radius:18px;padding:14px;background:radial-gradient(800px 500px at 100% 0%,rgba(255,255,255,.06),transparent 60%),linear-gradient(180deg,#ffffff05,#0003),var(--card);box-shadow:inset 0 0 0 1px #ffffff08}.frame-inner{aspect-ratio:4/3;border-radius:14px;background:repeating-linear-gradient(90deg,#0e0e0e 0,#0e0e0e 2px,#0c0c0c 2px,#0c0c0c 4px);display:grid;place-items:center;font-weight:700;color:var(--muted);letter-spacing:.12em}.section{padding:32px 0}.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}.project{grid-column:span 6;background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:16px;overflow:hidden}@media (max-width:900px){.project{grid-column:span 12}}.project .thumb{height:180px;background:#0e0e0e;display:grid;place-items:center}.project .body{padding:14px}.project h3{margin:0 0 8px}.project p{margin:0 0 12px;color:var(--muted)}.project .tags{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--border);border-radius:999px;padding:6px 10px;font-size:12px;color:var(--muted)}.see-more{margin-top:14px;display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--fg)}.see-more span{border-bottom:1px dashed var(--border)}.see-more:hover span{border-bottom-color:var(--fg)}:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:6px}::selection{background:#e6e6e6;color:#000}.reveal{opacity:0;transform:translateY(14px);animation:rise .6s ease var(--d,0s) forwards}@keyframes rise{to{opacity:1;transform:translateY(0)}}footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted);margin-top:auto}a{color:#e6e6e6;text-decoration:underline;text-decoration-color:#2a2a2a;text-underline-offset:3px;transition:color .15s ease,text-decoration-color .15s ease}a:hover{color:#fff;text-decoration-color:#666}.link-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:#0c0c0c;text-decoration:none;color:var(--fg);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.link-badge:hover{transform:translateY(-2px);border-color:#444;box-shadow:0 10px 30px #ffffff0f}.link-row{display:flex;gap:10px;flex-wrap:wrap}a.ext:after{content:"↗";font-size:.9em;margin-left:6px;opacity:.8}.copy-btn{border:1px solid var(--border);background:#0c0c0c;color:var(--fg);border-radius:10px;padding:8px 10px;cursor:pointer}.copy-btn:hover{border-color:#444}@media (max-width:480px){.link-badge .label{display:none}}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#ffffff0a,#0003);border-top:1px solid var(--border);padding:8px 10px}.mobile-nav ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mobile-link{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--fg);padding:8px 4px;border-radius:12px;border:1px solid transparent}.mobile-link.active{border-color:var(--fg);background:#ffffff0d}.mobile-label{font-size:11px}@media (max-width:900px){.mobile-nav{display:block}}@media (max-width:900px){.sidenav{display:none}}.testi{border:1px solid var(--border);border-radius:14px;padding:14px;background:linear-gradient(180deg,var(--card),var(--card-2))}.testi small{color:var(--muted)}html{scroll-padding-bottom:calc(var(--mobile-nav-h) + 20px)}@media (max-width:900px){.main{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 16px)}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media (max-width:900px){.app{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))}footer{margin-bottom:calc(env(safe-area-inset-bottom) + 10px)}}