:root{--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--slate-50: #f8fafc;--slate-100: #f1f5f9;--slate-200: #e2e8f0;--slate-300: #cbd5e1;--slate-400: #94a3b8;--slate-500: #64748b;--slate-600: #475569;--slate-700: #334155;--slate-800: #1e293b;--slate-900: #0f172a;--amber-300: #fcd34d;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--teal-300: #5eead4;--teal-400: #2dd4bf;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-body);background:var(--slate-100);color:var(--slate-800);-webkit-font-smoothing:antialiased;overflow-x:hidden}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}button{font-family:inherit;cursor:pointer}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.01em}code,.mono{font-family:var(--font-mono)}.hero-grid{grid-template-columns:minmax(0,1fr)}@media (min-width: 760px){.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr)}}@media (hover: hover){.card-hover:hover{border-color:var(--teal-400)!important;transform:translateY(-2px)}}@media (max-width: 560px){.app-main{padding:18px 12px 64px!important}button,a[role=button]{min-height:40px}}textarea,input{font-size:16px}.btn3d{border:none;border-radius:16px;font-family:var(--font-body);font-weight:800;letter-spacing:.01em;color:#fff;cursor:pointer;padding:14px 22px;font-size:15px;box-shadow:0 4px #0f172a33;transition:transform .06s ease,box-shadow .06s ease,filter .15s ease}.btn3d:active{transform:translateY(4px);box-shadow:0 0 #0f172a33}.btn3d:disabled{opacity:.55;cursor:default}@media (hover: hover){.btn3d:not(:disabled):hover{filter:brightness(1.04)}}.btn3d--teal{background:var(--teal-500);box-shadow:0 4px 0 var(--teal-700)}.btn3d--amber{background:var(--amber-400);color:var(--slate-900);box-shadow:0 4px 0 var(--amber-600)}.btn3d--dark{background:var(--slate-900);box-shadow:0 4px #000}.btn3d--lg{font-size:16px;padding:16px 28px;text-transform:none}.btn3d--block{width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes ringPulse{0%,to{box-shadow:0 0 0 3px var(--teal-400),0 0 0 7px #2dd4bf40}50%{box-shadow:0 0 0 3px var(--teal-400),0 0 0 12px #2dd4bf14}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.fade-up{animation:fadeUp .35s ease both}.pop-in{animation:popIn .45s cubic-bezier(.34,1.56,.64,1) both}.coachmark-ring{animation:ringPulse 1.6s ease-in-out infinite}.caret-blink{animation:blink 1s step-end infinite}.shimmer-line{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-200) 50%,var(--slate-100) 75%);background-size:400px 100%;animation:shimmer 1.2s linear infinite}@media (prefers-reduced-motion: reduce){.fade-up,.pop-in,.coachmark-ring,.shimmer-line,.caret-blink{animation:none}}@media (min-width: 640px){.chrome-menus{display:inline-flex!important}}.hero-texture{background-image:radial-gradient(rgba(45,212,191,.09) 1.2px,transparent 1.2px);background-size:24px 24px}@media (hover: hover){.tile:hover{border-color:var(--teal-400)!important;transform:translateY(-3px);box-shadow:0 6px #0f172a0f}}.tile:active{transform:translateY(0)}