.auth-page-wrap{width:100%;flex-direction:column;padding-top:110px;padding-bottom:48px;animation:fadeIn .4s ease}.auth-page-wrap,.auth-top-nav{display:flex;align-items:center}.auth-top-nav{position:fixed;top:0;right:0;left:0;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top, 0px)) 40px 16px;z-index:10;background:rgba(240,242,245,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.6)}.auth-nav-logo{font-size:1.375rem;font-weight:700;letter-spacing:.5px;background:linear-gradient(135deg,var(--blue),var(--blue-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-nav-tabs{display:flex;gap:8px}.auth-nav-tab{font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;padding:7px 18px;border-radius:20px;border:1.5px solid transparent;transition:all var(--t)}.auth-nav-tab:hover{color:var(--blue);background:var(--blue-light)}.auth-nav-tab.active{color:var(--white);font-weight:700;background:var(--blue);border-color:var(--blue);box-shadow:0 2px 8px rgba(57,73,171,.3)}.auth-hero{text-align:center;margin-bottom:36px;animation:slideUp .5s ease}.auth-hero h1{font-size:3rem;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,var(--blue),var(--blue-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.auth-hero p{font-size:1rem;color:var(--muted);margin-top:8px;font-weight:400}.auth-card{background:var(--white);border-radius:20px;padding:36px 40px 32px;width:100%;max-width:460px;box-shadow:var(--shadow-lg);animation:scaleIn .35s cubic-bezier(.34,1.2,.64,1);border:1px solid rgba(229,231,235,.6)}.role-tabs{display:flex;gap:4px;background:var(--bg);border-radius:10px;padding:4px;margin-bottom:28px}.role-tab{flex:1 1;text-align:center;padding:8px 0;font-size:.875rem;font-weight:500;color:var(--muted);cursor:pointer;border-radius:8px;transition:all var(--t)}.role-tab:hover{color:var(--text)}.role-tab.active{color:var(--blue);font-weight:700;background:var(--white);box-shadow:var(--shadow-sm)}.field{margin-bottom:18px}.field label{display:block;font-size:.75rem;color:var(--muted);margin-bottom:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field input{width:100%;padding:12px 16px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-family:inherit;color:var(--text);outline:none;transition:all var(--t)}.field input:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 3px rgba(57,73,171,.1)}.field input::placeholder{color:#C4C9D4}.submit-btn{width:100%;padding:13px;background:linear-gradient(135deg,var(--blue),var(--blue-mid));color:#fff;border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all var(--t);margin-top:4px;box-shadow:0 4px 14px rgba(57,73,171,.35)}.submit-btn:hover{filter:brightness(1.08);box-shadow:0 6px 20px rgba(57,73,171,.45);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(57,73,171,.3)}.submit-btn:disabled{background:#9FA8DA;cursor:not-allowed;box-shadow:none;transform:none;filter:none}.link-row{margin-top:14px;text-align:center}.link-row a{font-size:.8125rem;color:var(--blue);cursor:pointer;text-decoration:none;font-weight:500;transition:opacity var(--t)}.link-row a:hover{opacity:.75;text-decoration:underline}.auth-msg{margin-top:14px;padding:11px 16px;border-radius:var(--radius);font-size:.8125rem;text-align:center;font-weight:500;animation:slideUp .2s ease}.auth-msg.error{background:#FEF2F2;color:var(--error);border:1px solid #fecaca}.auth-msg.success{background:#F0FDF4;color:var(--success);border:1px solid #bbf7d0}.auth-msg.info{background:var(--blue-light);color:var(--blue);border:1px solid #c5cae9}.divider{display:flex;align-items:center;gap:12px;margin:22px 0}.divider span{font-size:.75rem;color:#C4C9D4;white-space:nowrap;font-weight:500}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.google-btn{width:100%;padding:12px;background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;font-family:inherit;color:var(--text);cursor:pointer;transition:all var(--t);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:var(--shadow-sm)}.google-btn:hover{border-color:#4285F4;background:#F8F9FF;box-shadow:0 2px 12px rgba(66,133,244,.2);transform:translateY(-1px)}.google-btn:active{transform:translateY(0)}.pending-wall{background:var(--white);border-radius:16px;padding:40px 36px;width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;animation:scaleIn .3s cubic-bezier(.34,1.2,.64,1)}.pending-wall h2{font-size:1.375rem;font-weight:700;color:var(--blue);margin-bottom:10px}.pending-wall p{font-size:.875rem;color:#555;line-height:1.7;margin-bottom:20px}.auth-accordion{margin-bottom:8px}.auth-accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:600;color:var(--text);cursor:pointer;font-family:inherit;transition:all var(--t)}.auth-accordion-header:hover,.auth-accordion.open .auth-accordion-header{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.auth-accordion.open .auth-accordion-header{border-bottom-left-radius:0;border-bottom-right-radius:0}.auth-accordion-chevron{font-size:.75rem;color:var(--muted);transition:transform var(--t)}.auth-accordion.open .auth-accordion-chevron{color:var(--blue)}.auth-accordion-body{padding:20px 16px 16px;border:1.5px solid var(--blue);border-top:none;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);background:var(--white)}.otp-channel-tabs{display:flex;gap:4px;background:var(--bg);border-radius:8px;padding:3px;margin-bottom:18px}.otp-channel-tab{flex:1 1;text-align:center;padding:7px 0;font-size:.8125rem;font-weight:500;font-family:inherit;color:var(--muted);cursor:pointer;border-radius:6px;border:none;background:none;transition:all var(--t)}.otp-channel-tab:hover{color:var(--text)}.otp-channel-tab.active{color:var(--blue);font-weight:700;background:var(--white);box-shadow:var(--shadow-sm)}.otp-sent-msg{font-size:.8125rem;color:var(--muted);margin-bottom:16px;text-align:center}.otp-sent-msg strong{color:var(--text)}@media(max-width:520px){.auth-card,.pending-wall{padding:28px 20px 24px;border-radius:16px}.auth-hero h1{font-size:2.25rem}.auth-top-nav{padding:calc(14px + env(safe-area-inset-top, 0px)) 20px 14px}}