.fb-auth-app{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;max-width:440px;margin:20px auto;padding:0 14px}
.fb-auth-card{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);border-radius:20px;box-shadow:0 20px 60px rgba(15,23,42,.12),0 1px 3px rgba(15,23,42,.06);overflow:hidden;border:1px solid rgba(226,232,240,.8)}
.fb-auth-header{display:flex;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:4px}
.fb-auth-tab{flex:1;border:0;background:transparent;padding:14px 8px;font-size:13px;font-weight:700;color:#64748b;cursor:pointer;border-radius:12px;transition:.2s;white-space:nowrap}
.fb-auth-tab.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px rgba(15,23,42,.08)}
.fb-auth-tab:hover:not(.active){color:#334155}
.fb-auth-body{padding:28px 24px 20px}
.fb-auth-panel{display:none;text-align:center}
.fb-auth-panel.active{display:block}
.fb-auth-icon{font-size:40px;margin-bottom:8px;line-height:1}
.fb-auth-panel h2{font-size:22px;font-weight:900;color:#0f172a;margin:0 0 4px}
.fb-auth-panel p{font-size:13px;color:#64748b;margin:0 0 20px}
.fb-auth-field{margin:0 0 14px}
.fb-auth-field label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:4px;text-align:left}
.fb-auth-field input{width:100%;height:46px;border:1px solid #cbd5e1;border-radius:10px;padding:0 14px;font-size:14px;color:#0f172a;background:#fff;outline:none;transition:.15s;box-sizing:border-box}
.fb-auth-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.15)}
.fb-auth-field input::placeholder{color:#94a3b8}
.fb-auth-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fb-gender-row{display:flex;gap:8px}
.fb-gender-btn{flex:1;border:2px solid #e2e8f0;background:#fff;border-radius:10px;padding:12px 8px;font-size:13px;font-weight:700;color:#475569;cursor:pointer;transition:.15s}
.fb-gender-btn.active{border-color:#6366f1;background:#eef2ff;color:#4338ca}
.fb-gender-btn:hover:not(.active){border-color:#cbd5e1}
.fb-auth-submit{width:100%;height:50px;border:0;border-radius:12px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:.15s;margin:6px 0 0;box-shadow:0 10px 25px rgba(99,102,241,.25)}
.fb-auth-submit:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}
.fb-auth-submit:active{transform:translateY(0)}
.fb-auth-submit.fb-auth-loading{opacity:.7;pointer-events:none;position:relative}
.fb-auth-submit.fb-auth-loading:after{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;position:absolute;right:14px;top:50%;margin-top:-9px}
@keyframes spin{to{transform:rotate(360deg)}}
.fb-auth-links{margin-top:14px;font-size:13px}
.fb-auth-links a{color:#6366f1;text-decoration:none;font-weight:700}
.fb-auth-msg{margin-top:14px;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;text-align:center;display:none}
.fb-auth-msg.err{display:block;background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.fb-auth-msg.ok{display:block;background:#f0fdf4;color:#065f46;border:1px solid #bbf7d0}

@media(max-width:480px){
  .fb-auth-body{padding:20px 16px 16px}
  .fb-auth-panel h2{font-size:19px}
  .fb-auth-tab{font-size:11px;padding:12px 4px}
  .fb-auth-field input{height:42px;font-size:13px}
  .fb-auth-submit{height:46px}
}
@media(min-width:768px){
  .fb-auth-app{margin:40px auto}
}