@charset "UTF-8";html{scroll-behavior:smooth}:root{--bg: #0f172a;--bg-elev: #111827;--border: #1f2937;--fg: #f1f5f9;--fg-muted: #a8b3c3;--acc-blue: #7dd3fc;--acc-pink: #f9a8d4;--acc-yellow: #fde68a;--radius: 16px;--shadow: 0 10px 25px rgba(0, 0, 0, .25);--ring: 0 0 0 3px rgba(125, 211, 252, .35)}*{box-sizing:border-box}html,body{height:100%}html,body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:8px}.container{max-width:min(1200px,92vw);margin:0 auto;padding:2rem 0 4rem}.section{padding:1rem 0}@media (min-width: 1024px){.section{padding:1rem 0}}app-header .hdr{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);background:color-mix(in oklab,var(--bg) 85%,transparent);border-bottom:1px solid var(--border)}app-header .brand{color:var(--fg)}app-header .nav a{color:var(--fg-muted)}app-header .nav a:hover{color:var(--fg);text-decoration:none}h1,h2,h3{line-height:1.15;margin:0 0 .6rem}h1{font-size:clamp(2rem,6vw,3rem)}h2{font-size:clamp(1.4rem,3vw,2rem)}h3{font-size:1.25rem}.btn{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--acc-blue);background:linear-gradient(180deg,color-mix(in oklab,var(--acc-blue) 20%,transparent),transparent);color:var(--fg);padding:.65rem 1.1rem;border-radius:999px;transition:transform .06s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--acc-blue) 30%,transparent)}.btn:active{transform:translateY(0)}.btn-ghost{border-color:var(--border);color:var(--fg-muted);background:transparent}.btn-ghost:hover{border-color:var(--acc-pink);color:var(--fg)}.btn,.btn:hover,.btn:focus,.btn-ghost,.btn-ghost:hover,.btn-ghost:focus{text-decoration:none!important}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card .thumb{background:#0b1220}.card .body .t a{color:var(--fg)}.card .body .x{color:var(--fg-muted)}.card .meta{color:color-mix(in oklab,var(--fg-muted) 85%,white)}input,textarea{width:100%;background:#0b1220;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;transition:border-color .2s ease,background .2s ease}input::placeholder,textarea::placeholder{color:color-mix(in oklab,var(--fg-muted) 75%,white)}input:hover,textarea:hover{border-color:#2a384c}input:focus,textarea:focus{border-color:var(--acc-blue);box-shadow:var(--ring)}app-footer .f{border-top:1px solid var(--border);background:color-mix(in oklab,var(--bg) 90%,black 10%)}app-footer .links a{color:var(--fg-muted)}app-footer .links a:hover{color:var(--fg);text-decoration:none}.badge-blue{color:#0ea5e9;background:color-mix(in oklab,var(--acc-blue) 20%,transparent);border:1px solid var(--acc-blue);border-radius:999px;padding:.15rem .55rem}.badge-pink{color:#db2777;background:color-mix(in oklab,var(--acc-pink) 20%,transparent);border:1px solid var(--acc-pink);border-radius:999px;padding:.15rem .55rem}.badge-yellow{color:#a16207;background:color-mix(in oklab,var(--acc-yellow) 25%,transparent);border:1px solid var(--acc-yellow);border-radius:999px;padding:.15rem .55rem}a.link{color:var(--acc-blue)}a.link:hover{color:#fff;text-decoration:none;background:linear-gradient(90deg,color-mix(in oklab,var(--acc-blue) 30%,transparent),color-mix(in oklab,var(--acc-pink) 30%,transparent));-webkit-background-clip:text;background-clip:text}.surface-hero{background:radial-gradient(1200px 400px at 20% 0%,color-mix(in oklab,var(--acc-blue) 12%,transparent),transparent 55%),radial-gradient(900px 300px at 80% 10%,color-mix(in oklab,var(--acc-pink) 12%,transparent),transparent 60%),var(--bg)}.surface-projects{background:linear-gradient(180deg,color-mix(in oklab,#0b1220 70%,var(--bg)) 0%,var(--bg) 60%)}.surface-contact{background:radial-gradient(800px 260px at 50% 0%,color-mix(in oklab,var(--acc-yellow) 10%,transparent),transparent 55%),color-mix(in oklab,var(--bg) 92%,black 8%)}.section+.section{border-top:1px solid var(--border)}.site-header,.site-footer,#overlay-container{view-transition-name:none}#content{view-transition-name:content}::view-transition-old(content){animation:content-out .25s ease forwards}::view-transition-new(content){animation:content-in .25s ease 50ms both}@keyframes content-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes content-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}