:root{--bg:#0a0810;--bg-2:#0d0a14;--panel:#12101aa6;--border:#847abe38;--fg:#ececf2;--muted:#a6a3b3;--muted-2:#8f8ba1;--accent:#7c5cff;--accent-2:#ff8a3d;--ok:#4ade80;--warn:#f59e0b}html,body{height:100%}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Manrope,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji}.bg-grid{z-index:-2;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:24px 24px,24px 24px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(1200px 600px at 50% -10%,#000,#0000);mask-image:radial-gradient(1200px 600px at 50% -10%,#000,#0000)}.vignette{pointer-events:none;z-index:-1;position:fixed;inset:0;box-shadow:inset 0 0 200px 60px #000000b3}.spotlight{z-index:-1;pointer-events:none;position:fixed;inset:0}.container{max-width:1120px;margin:0 auto;padding:0 1rem}.btn{cursor:pointer;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in oklab,var(--accent)55%,transparent),color-mix(in oklab,var(--accent-2)35%,transparent));color:#fdfcff;border-radius:.8rem;align-items:center;gap:.5rem;padding:.8rem 1.1rem;font-size:1rem;font-weight:400;text-decoration:none;transition:transform .2s,border-color .2s,background .2s,filter .2s;display:inline-flex}.btn:hover{filter:brightness(1.08);border-color:#8a84ff66;transform:translateY(-1px)}.btn.secondary{color:var(--fg);background:#1e1e2899}.badge{border:1px solid color-mix(in oklab,var(--accent)55%,transparent);color:color-mix(in oklab,var(--accent)65%,white 25%);background:color-mix(in oklab,var(--accent)18%,transparent);letter-spacing:.02em;border-radius:.6rem;padding:.35rem .6rem;font-size:.75rem;display:inline-block}.section{padding:6rem 1rem}.center{text-align:center}.muted{color:var(--muted)}header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0810c7;border-bottom:1px solid #847abe38;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;position:sticky;top:0}header.scrolled{background:#0a0810e6;border-bottom-color:#847abe4d;box-shadow:0 8px 30px #00000040}.nav{justify-content:space-between;align-items:center;padding:.9rem 1rem;display:flex}.logo{color:var(--fg);letter-spacing:.04em;align-items:center;gap:.6rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{width:32px;height:32px}.logo svg{filter:drop-shadow(0 2px 8px #8a84ff73)}.logo-image{object-fit:cover;filter:drop-shadow(0 2px 8px #8a84ff73);border-radius:.6rem;width:45px;height:45px;position:relative;top:-5px}.hero-image{object-fit:cover;filter:drop-shadow(0 2px 8px #8a84ff73);border-radius:.8rem;width:120px;height:120px;margin:0 auto;position:relative;top:-5px}.nav a.link{color:var(--muted);border-radius:.5rem;margin:0 3px;padding:.5rem .6rem;text-decoration:none;transition:color .25s,background .25s}.nav a.link:hover,.nav a.link.active{color:var(--fg);background:#ffffff0d}.btn-special{padding:.4rem}.hero{padding:6.5rem 1rem;position:relative}.hero h1{letter-spacing:-.01em;margin:.8rem 0 0;font-size:clamp(2rem,6vw,4rem)}.hero p{color:var(--muted);max-width:720px;margin:.8rem auto 0}.cta-row{flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:1.6rem;display:flex}.grid{gap:1rem;display:grid}@media (min-width:768px){.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{border:1px solid var(--border);background:linear-gradient(#ffffff05,#ffffff03);border-radius:1rem;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden}.card:hover{border-color:#8a84ff59;transform:translateY(-4px);box-shadow:0 10px 30px #00000059}.card-body{padding:1.1rem}.card .icon{color:#c9c6ff;background:#8a84ff1f;border:1px solid #8a84ff59;border-radius:.6rem;place-items:center;width:36px;height:36px;display:grid}.kicker{color:var(--muted);max-width:760px;margin:.6rem auto 0}.tag{color:#cfcfd7;border:1px solid #ffffff1f;border-radius:.6rem;padding:.35rem .6rem;font-size:.75rem;display:inline-block}.thumb{aspect-ratio:16/9;border:1px solid var(--border);background:radial-gradient(60% 120% at 20% 20%,#7c5cff40,#0000 60%),radial-gradient(50% 90% at 80% 40%,#ff8a3d40,#0000 40%),linear-gradient(#ffffff05,#ffffff03);border-radius:.9rem;position:relative;overflow:hidden}.thumb .image{background-position:top;background-size:cover;height:100%}.thumb:after{content:"kyrn.dev • mock visual";letter-spacing:.12em;text-transform:uppercase;color:#dcdceb8c;font-size:.6rem;position:absolute;bottom:.5rem;left:.7rem}.service li{border-bottom:1px dashed #ffffff0f;align-items:center;gap:.8rem;padding:.6rem 0;display:flex}.service li:last-child{border-bottom:0}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--border);color:#ddd;background:#ffffff08;border-radius:.6rem;padding:.4rem .6rem;font-size:.85rem}.about{gap:1rem;display:grid}@media (min-width:900px){.about{grid-template-columns:1.1fr .9fr}}form{gap:.8rem;display:grid}input,textarea{border:1px solid var(--border);color:var(--fg);font:inherit;background:#ffffff08;border-radius:.6rem;padding:.8rem .9rem}textarea{resize:vertical;min-height:140px}label{color:var(--muted);font-size:.9rem}footer{color:var(--muted-2);border-top:1px solid #7878961f;padding:2.5rem 0;font-size:.9rem}.reveal.visible{opacity:1;transition:opacity .6s,transform .6s;transform:translateY(0)}.nav-toggle{display:none}@media (prefers-reduced-motion:reduce){.btn,.card{transition:none!important}.reveal,.reveal.visible{transition:none;transform:none}.spotlight{display:none}}@media screen and (max-width:600px){nav{background-color:var(--bg);text-align:center;border-bottom:1px solid #847abe38;flex-direction:column;width:100%;height:auto;padding:.5rem;display:none;position:absolute;top:62px;left:0}nav.active{display:flex}.nav-toggle{display:inline-flex}.hero{padding:4.5rem 1rem 5rem}.nav a.link{margin:0 1px;padding:.4rem .5rem;font-size:.9rem}.cta-row{flex-direction:column}.cta-row .btn{justify-content:center;width:100%}nav{background-color:var(--bg);text-align:center;opacity:0;pointer-events:none;border-bottom:1px solid #847abe38;flex-direction:column;width:100%;height:auto;padding:.5rem;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:62px;left:0;transform:translateY(-24px)}nav.active{opacity:1;pointer-events:auto;transform:translateY(0)}}.icon-wrapper[data-v-5f11a79c]{width:24px;height:24px;display:inline-block;position:relative}.icon-wrapper svg[data-v-5f11a79c]{position:absolute;top:0;left:0}.icon-close[data-v-5f11a79c]{opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.nav-toggle:not(.active) .icon-close[data-v-5f11a79c]{opacity:0;transform:rotate(-90deg)}.icon-hamburger[data-v-5f11a79c]{opacity:1;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.nav-toggle.active .icon-hamburger[data-v-5f11a79c]{opacity:0;transform:rotate(90deg)}.project-1[data-v-e1c2dd87]{background-image:url(/images/sodacore-project.png)}.project-2[data-v-e1c2dd87]{background-image:url(/images/elyrian-project.png)}.project-3[data-v-e1c2dd87]{background-image:url(/images/ontask-project.png)}.link[data-v-ad2f02a8]{color:#fffc}