body{overflow-x:hidden;}.auth-bg{position:fixed;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(255,107,0,0.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(229,57,53,0.06) 0%,transparent 60%),var(--bg);}.auth-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}.auth-orb-1{width:500px;height:500px;top:-150px;left:-150px;background:radial-gradient(circle,rgba(255,107,0,0.15),transparent 70%);animation:orbFloat 8s ease-in-out infinite;}.auth-orb-2{width:400px;height:400px;bottom:-100px;right:-100px;background:radial-gradient(circle,rgba(229,57,53,0.12),transparent 70%);animation:orbFloat 10s ease-in-out infinite reverse;}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(30px,20px) scale(1.05);}}.auth-wrap{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;gap:24px;}.auth-logo{display:flex;align-items:center;gap:10px;text-decoration:none;}.auth-logo img{width:40px;height:40px;object-fit:contain;}.auth-logo span{font-size:1.5rem;font-weight:800;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.auth-card{width:100%;max-width:460px;background:var(--card-bg);border:1px solid var(--border-muted);border-radius:var(--radius-xl);padding:36px 32px;backdrop-filter:blur(20px);box-shadow:var(--shadow-auth-card);}.auth-step{display:none;flex-direction:column;gap:16px;animation:stepIn 0.3s ease;}.auth-step.active{display:flex;}@keyframes stepIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.auth-title{font-size:1.6rem;font-weight:800;color:var(--text-main);line-height:1.2;}.auth-sub{font-size:0.9rem;color:var(--text-muted);margin-top:-8px;}.g-signin-wrapper{width:100%;}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border-radius:var(--radius-md);background:var(--google-btn-bg);border:1px solid var(--google-btn-border);color:var(--text-main);font-size:0.9rem;font-weight:600;cursor:pointer;transition:var(--transition);font-family:var(--font);}.btn-google:hover{background:var(--google-btn-hover);border-color:var(--border-hover);}.btn-back{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:0.85rem;background:none;border:none;cursor:pointer;padding:0;transition:var(--transition);width:fit-content;font-family:var(--font);}.btn-back:hover{color:var(--primary);}.btn-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);background:none;border:none;cursor:pointer;padding:4px;transition:var(--transition);}.btn-eye:hover{color:var(--primary);}.form-group{position:relative;}.row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.role-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 12px;text-align:center;background:var(--surface-subtle);border:1px solid var(--border-muted);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);font-family:var(--font);}.role-card:hover{border-color:var(--border-hover);background:rgba(255,107,0,0.06);transform:translateY(-2px);}.role-icon{font-size:2rem;}.role-name{font-size:0.95rem;font-weight:700;color:var(--text-main);}.role-desc{font-size:0.75rem;color:var(--text-muted);line-height:1.3;}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.plan-card{display:flex;flex-direction:column;gap:8px;padding:20px 16px;text-align:left;background:var(--surface-subtle);border:2px solid var(--border-muted);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);font-family:var(--font);}.plan-card:hover{border-color:var(--primary);transform:translateY(-2px);background:rgba(255,107,0,0.06);}.plan-card.selected{border-color:var(--primary);background:rgba(255,107,0,0.1);box-shadow:var(--shadow-brand);}.plan-card.best-value{border-color:var(--accent);}.plan-card.best-value:hover{border-color:var(--accent);background:rgba(255,184,0,0.06);}.plan-card.best-value.selected{border-color:var(--accent);background:rgba(255,184,0,0.1);box-shadow:0 4px 20px rgba(255,184,0,0.25);}.plan-header{display:flex;align-items:center;justify-content:space-between;}.plan-icon{font-size:1.5rem;}.plan-badge{font-size:0.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:rgba(255,107,0,0.15);color:var(--primary);}.badge-gold{background:rgba(255,184,0,0.15) !important;color:var(--accent) !important;}.plan-name{font-size:1rem;font-weight:700;color:var(--text-main);}.plan-price{font-size:1.4rem;font-weight:800;color:var(--primary);}.plan-price span{font-size:0.8rem;font-weight:400;color:var(--text-muted);}.plan-saving{font-size:0.72rem;color:var(--success);font-weight:600;}.plan-features{display:flex;flex-direction:column;gap:4px;margin-top:4px;}.plan-features li{font-size:0.75rem;color:var(--text-sub);display:flex;align-items:center;gap:6px;}.plan-features li i{color:var(--success);font-size:0.65rem;}.btn-pay-later{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 20px;background:var(--surface-subtle);border:2px dashed var(--border-muted);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition);color:var(--text-muted);font-size:0.9rem;font-weight:600;font-family:var(--font);}.btn-pay-later span{font-size:0.75rem;font-weight:400;color:var(--text-faint);}.btn-pay-later:hover{border-color:var(--text-muted);color:var(--text-sub);}.btn-pay-later.selected{border-color:var(--success);color:var(--success);background:rgba(16,185,129,0.06);}.plan-selected-msg{text-align:center;font-size:0.82rem;font-weight:600;color:var(--success);padding:8px 16px;background:rgba(16,185,129,0.1);border-radius:var(--radius-md);border:1px solid rgba(16,185,129,0.2);}.auth-switch{font-size:0.85rem;color:var(--text-muted);text-align:center;}.auth-switch a{color:var(--primary);font-weight:600;}.success-anim{font-size:4rem;text-align:center;animation:bounce 0.6s ease;}@keyframes bounce{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.success-loader{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-size:0.9rem;margin-top:8px;}@media (max-width:480px){.auth-wrap{min-height:100dvh;justify-content:flex-start;padding-top:40px;overflow-y:auto;}.auth-card{padding:28px 20px;}.role-grid,.plan-grid{grid-template-columns:1fr 1fr;gap:8px;}.role-card{padding:16px 8px;}.plan-card{padding:14px 12px;}.plan-price{font-size:1.1rem;}.plan-features{display:none;}.row-2{grid-template-columns:1fr;}}.approval-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.88);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;transition:opacity 0.4s ease;}.approval-overlay.visible{opacity:1;}.approval-popup{width:100%;max-width:500px;background:var(--card-bg);border:1px solid rgba(255,107,0,0.25);border-radius:24px;padding:0 0 28px 0;overflow:hidden;box-shadow:var(--shadow-auth-card);transform:translateY(20px);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1);max-height:90vh;overflow-y:auto;}.approval-overlay.visible .approval-popup{transform:translateY(0);}.approval-img-wrap{position:relative;width:100%;height:220px;overflow:hidden;}.approval-mall-img{width:100%;height:100%;object-fit:cover;display:block;}.approval-img-glow{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,var(--card-bg),transparent);}.approval-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);color:#10B981;font-size:0.78rem;font-weight:700;letter-spacing:0.05em;padding:5px 14px;border-radius:100px;margin:20px auto 0;display:flex;width:fit-content;margin-left:auto;margin-right:auto;}.badge-dot{width:7px;height:7px;border-radius:50%;background:#10B981;animation:pulseBadge 1.5s ease-in-out infinite;}@keyframes pulseBadge{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.4;transform:scale(0.8);}}.approval-title{font-size:1.7rem;font-weight:900;text-align:center;color:var(--text-main);padding:12px 28px 0;line-height:1.2;}.approval-seller-name{text-align:center;color:var(--primary);font-weight:700;font-size:1rem;padding:2px 28px 0;}.approval-status-card{display:flex;gap:14px;align-items:flex-start;background:rgba(255,107,0,0.07);border:1px solid rgba(255,107,0,0.18);border-radius:14px;padding:16px 18px;margin:18px 24px 0;}.approval-status-icon{width:42px;height:42px;border-radius:50%;background:rgba(255,107,0,0.15);display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--primary);flex-shrink:0;animation:spinClock 3s linear infinite;}@keyframes spinClock{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.approval-status-text strong{display:block;color:var(--text-main);font-size:0.95rem;margin-bottom:4px;}.approval-status-text p{color:var(--text-muted);font-size:0.82rem;line-height:1.5;margin:0;}.approval-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:20px 28px 0;flex-wrap:nowrap;}.approval-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;font-size:0.72rem;color:var(--text-muted);text-align:center;max-width:80px;}.approval-step-line{flex:1;height:2px;background:var(--border-muted);margin-bottom:22px;min-width:24px;}.approval-step-line.active-line{background:linear-gradient(to right,#10B981,#FF6B00);}.step-dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;border:2px solid;}.approval-step.done .step-dot{background:rgba(16,185,129,0.15);border-color:#10B981;color:#10B981;}.approval-step.pending .step-dot{background:rgba(255,107,0,0.15);border-color:var(--primary);color:var(--primary);}.approval-step.locked .step-dot{background:var(--surface-subtle);border-color:var(--border-muted);color:var(--text-faint);}.pulse-dot{animation:ringPulse 1.5s ease-in-out infinite !important;box-shadow:0 0 0 0 rgba(255,107,0,0.4) !important;}@keyframes ringPulse{0%{box-shadow:0 0 0 0 rgba(255,107,0,0.4);}70%{box-shadow:0 0 0 10px rgba(255,107,0,0);}100%{box-shadow:0 0 0 0 rgba(255,107,0,0);}}.approval-note{display:flex;align-items:flex-start;gap:10px;background:rgba(96,165,250,0.07);border:1px solid rgba(96,165,250,0.15);border-radius:10px;margin:18px 24px 0;padding:12px 14px;font-size:0.8rem;color:var(--text-muted);line-height:1.5;}.approval-note i{color:#60A5FA;margin-top:2px;flex-shrink:0;}.approval-note strong{color:var(--text-sub);}.approval-actions{display:flex;flex-direction:column;gap:10px;padding:18px 24px 0;}.approval-popup::-webkit-scrollbar{width:4px;}.approval-popup::-webkit-scrollbar-track{background:transparent;}.approval-popup::-webkit-scrollbar-thumb{background:rgba(255,107,0,0.3);border-radius:2px;}@media (max-width:480px){.approval-title{font-size:1.3rem;}.approval-img-wrap{height:170px;}.approval-popup{border-radius:18px;}}