:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--bg-color: #0f172a;--text-color: #f8fafc;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #ff9a9e 0%, #fecfef 99%, #fecfef 100%)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg-color);background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%);color:var(--text-color);font-family:var(--font-family);overflow-x:hidden}#root{max-width:1280px;margin:0 auto;padding:2rem;width:100%}.glass-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000080;border-color:#fff3}.btn-primary{background:var(--primary-gradient);border:none;border-radius:8px;padding:.8em 1.5em;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:opacity .25s}.btn-primary:hover{opacity:.9}h1,h2,h3{font-weight:700;line-height:1.2}input,textarea,select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.8rem;border-radius:8px;width:100%;margin-bottom:1rem;font-family:inherit}input:focus,textarea:focus,select:focus{outline:none;border-color:#667eea;background:#ffffff1a}