*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--surface: #121214;--surface-2: #1a1a1d;--border: #26262a;--border-focus: #4b4b52;--text: #ececef;--text-2: #b9b9c0;--text-3: #6f6f78;--accent: #7c6cf0;--radius: 14px}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.card{width:100%;max-width:560px;display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:10px;min-width:0;flex:1}.field-label{font-size:15px;color:var(--text-2)}.input{width:100%;height:56px;padding:0 18px;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s ease,background .15s ease}.input:hover{border-color:var(--border-focus)}.input:focus{border-color:var(--accent);background:var(--surface-2)}.row{display:flex;gap:16px}.select{position:relative}.select-trigger{width:100%;height:56px;padding:0 16px 0 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:16px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,background .15s ease}.select-trigger:hover{border-color:var(--border-focus)}.select-trigger[aria-expanded=true]{border-color:var(--accent);background:var(--surface-2)}.select-trigger.is-placeholder span{color:var(--text-3)}.chevron{color:var(--text-3);transition:transform .18s ease;flex-shrink:0}.chevron.up{transform:rotate(180deg)}.select-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;list-style:none;padding:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0000008c;animation:menu-in .14s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px;font-size:15px;color:var(--text-2);background:transparent;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.select-option:hover{background:#ffffff0f;color:var(--text)}.select-option.is-selected{color:var(--accent)}.submit{margin-top:6px;height:56px;font-size:16px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .15s ease,background .15s ease,opacity .15s ease}.submit:hover:not(:disabled){border-color:var(--border-focus);background:var(--surface-2)}.submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.row{flex-direction:column}}