.app{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:20px;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;width:100%;max-width:440px;box-sizing:border-box}.widget{background:#fff;border:1px solid #606C80;border-radius:8px;padding:32px;width:100%;max-width:400px;box-shadow:0 2px 8px #0000001a}.step h1{color:#000;font-size:22px;font-weight:600;text-align:center;margin-bottom:16px}.step{display:flex;flex-direction:column;gap:16px}.step h2{color:#000;font-size:18px;font-weight:500;margin:0;text-align:center}.step p{color:#606c80;font-size:14px;margin:0;text-align:center;line-height:1.4}.step form{display:flex;flex-direction:column;gap:12px;align-items:stretch}.email-input,.code-input,.name-input{padding:12px 16px;border:solid 1px #606C80;border-radius:6px;font-size:16px;color:#000;background:#f5f5f5;transition:background-color .2s;width:100%;box-sizing:border-box}.email-input:focus,.code-input:focus,.name-input:focus{outline:none;background:#eee}.email-input:disabled,.code-input:disabled,.name-input:disabled{opacity:.6;cursor:not-allowed}.code-input{text-align:center;font-size:20px;letter-spacing:2px;font-weight:600}.submit-btn{padding:12px 24px;background:#000;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-btn:hover:not(:disabled){background:#333}.submit-btn:disabled{background:#606c80;cursor:not-allowed}.code-footer{display:flex;flex-direction:column;gap:8px;align-items:center}.timer{color:#606c80;font-size:14px;font-weight:500}.resend-btn{padding:8px 16px;background:transparent;color:#606c80;border:1px solid #606C80;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.resend-btn:hover:not(:disabled){background:#606c80;color:#fff}.resend-btn:disabled{opacity:.5;cursor:not-allowed}.obfuscated-email{background:#f5f5f5;padding:12px 16px;border-radius:6px;font-family:Courier New,monospace;font-size:16px;color:#000;text-align:center;border:1px solid #606C80}.notice{background:#eef;border:1px solid #cce;color:#225;padding:12px 16px;border-radius:6px;font-size:14px;text-align:center;margin-bottom:16px}.obfuscated-list{display:flex;flex-direction:column;gap:8px}.staff-link{color:#000;font-weight:500;text-decoration:underline}.staff-link:hover{color:#333}.support-btn{display:block;margin-top:24px;padding:12px 20px;background:#606c80;color:#fff;border-radius:6px;text-align:center;text-decoration:none;font-size:15px;font-weight:500;width:100%}.support-btn:hover{background:#4d5566}.attempt-info{color:#606c80;font-size:12px;text-align:center;margin-top:8px}.contact-details{background:#f5f5f5;border:1px solid #606C80;border-radius:6px;padding:16px;margin:16px 0}.contact-details p{margin:8px 0;color:#000;text-align:left}.error{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:6px;font-size:14px;text-align:center;margin-bottom:16px}@media (max-width: 480px){.app{padding:16px}.widget{padding:24px}.header h1{font-size:20px}.step h2{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;color:#000}#root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}