*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg-0:#05060a;--bg-1:#0b0e17;--ink-0:#f5f7fb;--ink-1:#c7ccd9;--ink-2:#7a8192;--stroke:rgba(255,255,255,0.08);--stroke-hi:rgba(255,255,255,0.18);--accent-mcl:#5eead4;--accent-fd:#a78bfa;--accent-pm:#fb923c;--accent-mms:#f472b6;--accent-pl:#60a5fa;--accent-vl:#34d399;--accent-scribe:#fbbf24;--accent-nexus:#818cf8;--accent-indigo:#818cf8;--accent-bark:#a3e635}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink-0);background:var(--bg-0);overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative}.ambient{position:fixed;inset:0;z-index:-2;overflow:hidden}.ambient span,.ambient:after,.ambient:before{content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.55;will-change:transform}.ambient:before{width:620px;height:620px;background:radial-gradient(circle,#6d28d9 0,transparent 70%);top:-220px;left:-160px;animation:drift1 22s ease-in-out infinite alternate}.ambient:after{width:720px;height:720px;background:radial-gradient(circle,#0ea5e9 0,transparent 70%);bottom:-260px;right:-200px;animation:drift2 26s ease-in-out infinite alternate}.ambient span{width:480px;height:480px;background:radial-gradient(circle,#f472b6 0,transparent 70%);top:30%;left:45%;opacity:.35;animation:drift3 30s ease-in-out infinite alternate}@keyframes drift1{to{transform:translate(80px,60px) scale(1.1)}}@keyframes drift2{to{transform:translate(-60px,-40px) scale(1.05)}}@keyframes drift3{to{transform:translate(-120px,80px) scale(.95)}}.grid{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%);mask-image:radial-gradient(ellipse at center,#000 40%,transparent 75%)}.shell{max-width:1240px;margin:0 auto;padding:56px 32px 80px}header{justify-content:space-between;margin-bottom:64px}.brand,header{display:flex;align-items:center}.brand{gap:18px}.brand-logo{height:36px;width:auto;display:block}.brand-divider{width:1px;height:26px;background:var(--stroke-hi)}.brand-label{color:var(--ink-1);letter-spacing:.14em;text-transform:uppercase}.brand-label,.meta{font-size:12px;font-family:JetBrains Mono,monospace}.meta{display:flex;gap:20px;align-items:center;color:var(--ink-2)}.meta .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px #22c55e;animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.4}}.hero{margin-bottom:56px;max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--ink-1);letter-spacing:.2em;text-transform:uppercase;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--stroke);margin-bottom:24px}.eyebrow:before{content:"";width:6px;height:6px;background:var(--accent-mcl);border-radius:50%}.hero h2{font-size:clamp(40px,6vw,72px);font-weight:700;line-height:1.02;letter-spacing:-.03em;margin-bottom:20px}.hero h2 .grad{background:linear-gradient(135deg,#5eead4,#a78bfa 45%,#f472b6 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--ink-1);font-size:17px;line-height:1.6;max-width:580px}.grid-apps{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:20px;gap:20px}.app{position:relative;display:flex;flex-direction:column;padding:28px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--stroke);color:inherit;text-decoration:none;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app:before{inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,var(--c,#5eead4) 0,transparent 40%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .35s ease}.app:after,.app:before{content:"";position:absolute;opacity:0;pointer-events:none}.app:after{inset:-60% -60% auto auto;width:260px;height:260px;background:radial-gradient(circle,var(--c,#5eead4) 0,transparent 70%);transition:opacity .45s ease}.app:hover{transform:translateY(-4px);border-color:var(--stroke-hi);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025))}.app:hover:before{opacity:1}.app:hover:after{opacity:.18}.app[aria-disabled=true]{opacity:.55;cursor:not-allowed}.app[aria-disabled=true]:hover{transform:none}.app-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 16%,transparent);border:1px solid color-mix(in srgb,var(--c) 35%,transparent);color:var(--c);box-shadow:0 8px 24px -12px color-mix(in srgb,var(--c) 55%,transparent)}.icon svg{width:26px;height:26px}.arrow{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;border:1px solid var(--stroke);color:var(--ink-2);transition:transform .3s ease,color .3s ease,border-color .3s ease,background .3s ease}.app:hover .arrow{color:var(--ink-0);border-color:color-mix(in srgb,var(--c) 50%,transparent);background:color-mix(in srgb,var(--c) 10%,transparent);transform:rotate(-45deg) translateX(2px)}.app-name{font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.app-desc{color:var(--ink-2);font-size:14px;line-height:1.55;margin-bottom:24px}.app-footer{display:flex;align-items:center;justify-content:space-between;padding-top:18px;margin-top:auto;border-top:1px solid var(--stroke)}.app-url{font-size:12px;color:var(--ink-1);letter-spacing:.01em}.app-url,.tag{font-family:JetBrains Mono,monospace}.tag{font-size:10px;padding:4px 8px;border-radius:6px;background:color-mix(in srgb,var(--c) 14%,transparent);color:var(--c);text-transform:uppercase;letter-spacing:.1em;border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}.tag.muted{background:rgba(255,255,255,.04);border-color:var(--stroke)}.tag.muted,footer{color:var(--ink-2)}footer{margin-top:64px;padding-top:28px;border-top:1px solid var(--stroke);display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px}@media (max-width:640px){.shell{padding:32px 20px 60px}header{margin-bottom:40px}.hero{margin-bottom:36px}.grid-apps{grid-template-columns:1fr}}.app{opacity:0;transform:translateY(20px);animation:rise .7s cubic-bezier(.2,.8,.2,1) forwards}.app:first-child{animation-delay:.05s}.app:nth-child(2){animation-delay:.12s}.app:nth-child(3){animation-delay:.19s}.app:nth-child(4){animation-delay:.26s}.app:nth-child(5){animation-delay:.33s}.app:nth-child(6){animation-delay:.4s}.app:nth-child(7){animation-delay:.47s}.app:nth-child(8){animation-delay:.54s}.app:nth-child(9){animation-delay:.61s}.app:nth-child(10){animation-delay:.68s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.header-controls{display:flex;align-items:center;gap:20px}.env-toggle{display:inline-flex;padding:3px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--stroke)}.env-toggle button{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:999px;border:none;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .25s ease,color .25s ease}.env-toggle button:hover{color:var(--ink-1)}.env-toggle button[aria-checked=true]{color:var(--bg-0);background:var(--ink-0);font-weight:600}.env-toggle button[data-env=dev][aria-checked=true]{background:var(--accent-pm);color:var(--bg-0)}.env-toggle button:focus-visible{outline:2px solid var(--accent-mcl);outline-offset:2px}.env-banner{gap:10px;margin-bottom:28px;padding:12px 18px;border-radius:12px;letter-spacing:.04em;color:var(--accent-pm);background:color-mix(in srgb,var(--accent-pm) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-pm) 30%,transparent)}.env-banner,.session{display:flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:12px}.session{gap:12px;color:var(--ink-2)}.session button{font-family:inherit;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:8px;background:transparent;border:1px solid var(--stroke);color:var(--ink-1);cursor:pointer;transition:border-color .25s ease,color .25s ease}.session button:hover{border-color:var(--stroke-hi);color:var(--ink-0)}.app-url.absent{color:var(--ink-2);font-style:italic}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.login-card{width:100%;max-width:420px;padding:40px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card .brand{margin-bottom:32px}.login-card h1{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}.login-card p.sub{color:var(--ink-2);font-size:14px;line-height:1.55;margin-bottom:28px}.field{margin-bottom:18px}.field label{display:block;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}.field input{width:100%;padding:13px 15px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid var(--stroke);color:var(--ink-0);font-family:inherit;font-size:15px;transition:border-color .25s ease}.field input:focus{outline:none;border-color:color-mix(in srgb,var(--accent-mcl) 55%,transparent)}.login-card button[type=submit]{width:100%;margin-top:10px;padding:14px;border-radius:10px;border:none;background:linear-gradient(135deg,#5eead4,#a78bfa);color:#05060a;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .25s ease}.login-card button[type=submit]:hover:not(:disabled){opacity:.9}.login-card button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.form-error{margin-bottom:18px;padding:11px 14px;border-radius:9px;font-size:13px;color:#fca5a5;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.3)}@media (max-width:640px){.header-controls{gap:12px}.session .email{display:none}}@media (prefers-reduced-motion:reduce){.ambient span,.ambient:after,.ambient:before,.app,.meta .dot{animation:none}.app{opacity:1}.app,.app:hover{transform:none}}.tag-group{display:inline-flex;align-items:center;gap:6px}.notice{max-width:620px;padding:36px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.02));border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px}.notice p{color:var(--ink-1);font-size:15px;line-height:1.6}.notice button{margin-top:24px;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 18px;border-radius:8px;background:transparent;border:1px solid var(--stroke-hi);color:var(--ink-0);cursor:pointer;transition:background .25s ease}.notice button:hover{background:rgba(255,255,255,.06)}