*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg:#04060c;--surface:#06080f;--border:#ffffff1f;--text:#fff;--muted:#8090c0;--hint:#404860;--accent:#dde8ff;--green:#5de8a0;--red:#ff6b6b;--radius:12px}body{background:var(--bg);color:var(--text);max-width:430px;min-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Arial,sans-serif;overflow-x:hidden}input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}input:focus{border-color:var(--accent)}input::placeholder{color:var(--hint)}select{background:var(--surface);border:1px solid var(--border);color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23404860' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}select:focus{border-color:var(--accent)}select option{background:var(--surface);color:var(--text)}button{cursor:pointer;border:none;border-radius:10px;padding:14px 24px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .1s}button:active{opacity:.9;transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--bg);width:100%}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0;width:100%}