*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#f8f8f8}
.lw{max-width:400px;margin:40px auto;padding:20px}
.lc{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.1);text-align:center}
.lc h1{font-size:1.4rem;margin:0 0 8px;color:#1a1a2e}
.lc p{color:#666;margin:0 0 20px;font-size:.9rem}
.lf{text-align:left}
.lf label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#333}
.lf input[type=email],.lf input[type=password],.lf input[type=text]{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;margin-bottom:14px}
.lf input:focus{outline:none;border-color:#667eea}
.btn{width:100%;padding:14px;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}
.btn:hover{background:#5a67d8}
.btn:disabled{background:#a0aec0;cursor:not-allowed}
.ll{margin-top:14px;font-size:.85rem;color:#666}
.ll a{color:#667eea}
.err{color:#c53030;background:#fed7d7;padding:12px;border-radius:8px;margin-bottom:16px;font-size:.9rem}
.logo{display:block;text-align:center;margin-bottom:16px;font-size:1.2rem;font-weight:700;color:#1a1a2e;text-decoration:none}
.logo span{color:#c9a227}
.divider{display:flex;align-items:center;margin:18px 0;color:#999;font-size:.8rem}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#e2e8f0}
.divider span{padding:0 12px}
.btn-apple{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer}
.btn-apple:hover{background:#333}
.btn-apple svg{width:18px;height:18px}
.hidden{display:none}
.email-display{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.email-display .email{font-weight:500;color:#1a1a2e}
.email-display .change{color:#667eea;font-size:.85rem;cursor:pointer;text-decoration:none}
.email-display .change:hover{text-decoration:underline}
.hint{font-size:.75rem;color:#888;margin-top:-10px;margin-bottom:14px}
.welcome{font-size:.9rem;color:#38a169;margin-bottom:12px;font-weight:500}
.apple-note{font-size:.75rem;color:#888;margin-top:8px}
.not-you{font-size:.8rem;color:#666;margin-top:12px}
.not-you a{color:#667eea;cursor:pointer;text-decoration:none}
.not-you a:hover{text-decoration:underline}
@media(max-width:480px){.lw{max-width:100%;margin:0;padding:16px 16px 40px}.lc{border-radius:12px;padding:24px 20px;box-shadow:0 2px 12px rgba(0,0,0,.08)}.lc h1{font-size:1.2rem}.lf input[type=email],.lf input[type=password],.lf input[type=text]{font-size:16px;padding:14px}.btn{padding:16px;font-size:1rem}.btn-apple{padding:14px;font-size:1rem}}