@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Quicksand:wght@300;400;500;700&family=Roboto+Mono:wght@400;500&display=swap";:root{--bg-base: #0f172a;--bg-deep: #1e1b4b;--accent-purple: #a855f7;--accent-cyan: #22d3ee;--accent-cyan-dark: #083344;--status-success: #4ade80;--status-error: #f87171;--status-warning: #facc15;--text-main: #f1f5f9;--text-muted: #94a3b8;--font-main: "Quicksand", sans-serif;--font-heading: "Poppins", sans-serif;--font-code: "Roboto Mono", monospace;--glass-bg: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-main);color:var(--text-main);background-color:var(--bg-base);background-image:linear-gradient(#0f172ae6,#1e1b4be6),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,40px 40px,40px 40px;overflow-x:hidden;overflow-y:scroll;-webkit-font-smoothing:antialiased}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0;color:var(--text-main)}h1{font-size:3.5rem;line-height:1.1;letter-spacing:-.02em;background:linear-gradient(to right,var(--accent-purple),var(--accent-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:.5rem;text-shadow:0 0 40px rgba(168,85,247,.3)}p{color:var(--text-muted);font-size:1.1rem;line-height:1.6}code{font-family:var(--font-code);color:var(--accent-cyan);background:#0000004d;padding:.2em .4em;border-radius:4px}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px;padding:2rem;transition:border-color .2s ease}.glass-panel:hover{border-color:#a855f74d}button{font-family:var(--font-heading);font-weight:600;font-size:1rem;padding:.8em 1.6em;cursor:pointer;border:none;border-radius:12px;transition:all .2s;background-color:var(--bg-deep);color:var(--text-main);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a}button:hover{border-color:var(--accent-purple)}button.primary{background:linear-gradient(135deg,var(--accent-purple),#7c3aed);border:none;color:#fff}button.primary:hover{filter:brightness(1.1);box-shadow:0 0 20px #a855f799}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-glow{animation:pulse-glow 3s infinite}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 8px var(--accent-cyan))}}