:root{--bg: #f5f6f8;--card: #ffffff;--primary: #1976d2;--primary-dark: #115293;--text: #1a1a1a;--muted: #666666;--error: #d32f2f;--radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg);color:var(--text)}.container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.card{background:var(--card);width:100%;max-width:420px;border-radius:var(--radius);padding:28px;box-shadow:0 4px 20px #00000014}h1{margin:0 0 20px;font-size:1.5rem;text-align:center}h2{margin:0 0 12px;font-size:1.35rem;text-align:center}label{display:block;margin:14px 0 6px;font-size:.9rem;color:var(--muted)}input{width:100%;padding:12px 14px;font-size:1rem;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .2s}input:focus{border-color:var(--primary)}button{width:100%;margin-top:18px;padding:14px;font-size:1rem;color:#fff;background:var(--primary);border:none;border-radius:8px;cursor:pointer;transition:background .2s}button:hover:not(:disabled){background:var(--primary-dark)}button:disabled{opacity:.7;cursor:not-allowed}.error{margin-top:14px;padding:10px;background:#ffebee;color:var(--error);border-radius:6px;font-size:.9rem}.welcome{text-align:center}.sequence{color:var(--muted);font-size:1rem}p{margin:0 0 12px;line-height:1.4}