:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#070a12}button,input,select,textarea{font:inherit}.panel{border-radius:18px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff14,#ffffff08);box-shadow:0 30px 80px #00000059}.field{display:grid;gap:8px}.field label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.input,.textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background-color:#00000040;color:#eef2ff;padding:12px;outline:none}.select{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.14);background-color:#00000040;color:#eef2ff;padding:12px 40px 12px 12px;outline:none;appearance:none;-webkit-appearance:none;cursor:pointer;line-height:1.35;min-height:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:18px 18px}.select option,.select optgroup{background-color:#0f172a;color:#eef2ff}.select:hover{border-color:#ffffff38}.input:focus,.select:focus,.textarea:focus{border-color:#22d3ee8c;box-shadow:0 0 0 3px #22d3ee1f}.btn{border:0;border-radius:12px;padding:12px 14px;cursor:pointer;font-weight:700}.btn-primary{background:linear-gradient(135deg,#7c3aed,#22d3ee);color:#071018}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:inherit}.btn-danger{background:#ef444429;border:1px solid rgba(239,68,68,.35);color:#fecaca}.muted{opacity:.72}