@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&family=Kanit:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Plus Jakarta Sans,Kanit,sans-serif;background-color:#090b10;color:#f8fafc;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}.spatial-bg{background:#090b10;position:relative;min-height:100vh}.spatial-bg:before{content:"";position:fixed;top:-10%;left:20%;width:600px;height:600px;background:radial-gradient(circle,#8b5cf626,#0000 70%);pointer-events:none;z-index:0}.spatial-bg:after{content:"";position:fixed;bottom:10%;right:15%;width:500px;height:500px;background:radial-gradient(circle,#06b6d41f,#0000 70%);pointer-events:none;z-index:0}.spatial-dock{background:#121621b3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:8px 14px;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff26}.dock-item{color:#94a3b8;font-size:13px;font-weight:600;padding:10px 20px;border-radius:20px;border:none;background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.dock-item:hover{color:#fff;background:#ffffff14}.dock-item.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:700;box-shadow:0 8px 24px #8b5cf666,inset 0 1px #ffffff4d}.bento-card{background:#121621a6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:24px;box-shadow:0 16px 40px #0000004d;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-card:hover{border-color:#8b5cf64d;box-shadow:0 20px 50px #00000080,0 0 30px #8b5cf61a;transform:translateY(-2px)}.neon-pill-violet{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3);padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700}.neon-pill-cyan{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3);padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700}.neon-pill-emerald{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3);padding:4px 12px;border-radius:20px;font-size:11.5px;font-weight:700}.btn-neon-violet{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-weight:700;font-size:13.5px;padding:10px 22px;border-radius:20px;border:1px solid rgba(255,255,255,.2);cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 8px 24px #8b5cf666;transition:all .25s ease}.btn-neon-violet:hover{background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 12px 30px #8b5cf699;transform:translateY(-1px)}.pulse-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.pulse-ring:before{content:"";position:absolute;width:100%;height:100%;border-radius:50%;background:currentColor;opacity:.75;animation:pulse-ring-anim 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse-ring-anim{0%{transform:scale(.95);opacity:.8}to{transform:scale(2.2);opacity:0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}