:root{--bg-color: #0b0d17;--card-bg: #15192b;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #d4a373;--accent-glow: rgba(212, 163, 115, .2);--border: #2d3748;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at top center,#1a202c 0%,var(--bg-color) 100%)}#root{width:100%;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1,h2,h3{font-weight:300;letter-spacing:.05em;color:var(--accent)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--card-bg);cursor:pointer;transition:all .25s;border:1px solid var(--border);color:var(--text-primary)}button:hover{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow)}input,select{background:var(--card-bg);border:1px solid var(--border);color:var(--text-primary);padding:.8rem;border-radius:6px;font-size:1rem;width:100%;box-sizing:border-box;margin-top:.5rem}input:focus,select:focus{outline:none;border-color:var(--accent)}.card{background:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border);text-align:left;transition:transform .2s}.card:hover{transform:translateY(-2px)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}