@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:dark;--bg0:#0c1222;--bg1:#0f1a32;--bg-panel:rgba(16,24,40,.85);--border:hsla(0,0%,100%,.08);--accent:#0a84ff;--accent-2:#38bdf8;--text:#e2e8f0;--text-dim:#94a3b8}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 20%,#14264a 0,transparent 35%),radial-gradient(circle at 80% 0,#1a2f5a 0,transparent 30%),linear-gradient(140deg,#0a1224,#0a101b 48%,#08101c);min-height:100vh}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.35)}.glass-panel,.pill{border:1px solid var(--border)}.pill{border-radius:9999px;background:hsla(0,0%,100%,.03);padding:6px 12px}.grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:24px 24px}.shadow-strong{box-shadow:0 20px 60px rgba(0,0,0,.55)}.btn-ghost{border:1px solid transparent;border-radius:8px;padding:8px 12px;background:hsla(0,0%,100%,.03);color:var(--text);transition:all .15s}.btn-ghost:hover{border-color:var(--border);background:hsla(0,0%,100%,.06)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.08);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.15)}@keyframes gridPulse{0%,to{opacity:1}50%{opacity:.5}}.landing-grid-bg{background-image:linear-gradient(rgba(10,132,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(10,132,255,.03) 1px,transparent 0);background-size:50px 50px;animation:gridPulse 8s ease-in-out infinite}.template-card{width:100%;text-align:left;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease;color:#f5f5f7}.template-card:hover{background:rgba(10,132,255,.15);border-color:rgba(10,132,255,.4);transform:translateY(-2px);box-shadow:0 8px 25px rgba(10,132,255,.15)}.project-row:hover{background:rgba(10,132,255,.1)}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸ "}details[open]>summary:before{content:"▾ "}