*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0f;--bg-2: #111118;--bg-3: #1a1a28;--border: rgba(255,255,255,.08);--border-bright: rgba(255,255,255,.18);--text: #e8e4d9;--text-dim: #7a7468;--text-mid: #b0a898;--gold: #c9a84c;--gold-light: #e8c96a;--gold-dim: rgba(201,168,76,.2);--crimson: #8b1a1a;--crimson-light: #c0392b;--radius: 12px;--radius-lg: 20px;--shadow: 0 8px 32px rgba(0,0,0,.6);--shadow-gold: 0 0 40px rgba(201,168,76,.15);--cyan: #2ec4b6;--cyan-dim: rgba(46,196,182,.08);--font-display: "Cinzel", serif;--font-body: "Crimson Pro", serif;--font-mono: "Courier New", monospace}html{font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(ellipse at 20% 50%,rgba(139,26,26,.04) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.04) 0%,transparent 60%),radial-gradient(ellipse at 60% 80%,rgba(46,196,182,.025) 0%,transparent 55%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(46,196,182,.011) 2px,rgba(46,196,182,.011) 3px);z-index:9998}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.05em}button{cursor:pointer;font-family:var(--font-display);border:none;outline:none;transition:all .2s ease}input,textarea,select{font-family:var(--font-body);font-size:1rem;background:var(--bg-3);border:1px solid var(--border);color:var(--text);padding:.75rem 1rem;border-radius:var(--radius);width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--gold)}input::placeholder{color:var(--text-dim)}select option{background:var(--bg-3)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1a1208;padding:.75rem 2rem;border-radius:var(--radius);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;box-shadow:0 4px 20px #c9a84c4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #c9a84c73}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-mid);padding:.6rem 1.5rem;border-radius:var(--radius);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border-bright);color:var(--text)}.btn-danger{background:transparent;color:#e05c5c;padding:.5rem 1rem;border-radius:var(--radius);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(224,92,92,.3)}.btn-danger:hover{background:#e05c5c1a;border-color:#e05c5c99}.page{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.5rem}.divider{border:none;border-top:1px solid var(--border);margin:1.5rem 0}label{display:block;font-family:var(--font-display);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.error-msg{color:#e05c5c;font-size:.9rem;padding:.75rem 1rem;background:#e05c5c1a;border:1px solid rgba(224,92,92,.25);border-radius:var(--radius)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px;z-index:9999}