.ca-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.ca-top-actions{position:absolute;top:1.5rem;right:1.5rem;z-index:50;gap:.75rem;background:var(--bg-card);padding:.35rem .75rem;border-radius:30px;border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.ca-main,.ca-top-actions{display:flex;align-items:center}.ca-main{flex:1 1;justify-content:center;padding:1rem;position:relative}.ca-container{display:flex;max-width:960px;width:100%;background:var(--bg-card);border-radius:var(--radius-lg,20px);overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.3),0 0 0 1px var(--border-color);transition:box-shadow .5s cubic-bezier(.4,0,.2,1),border-color .4s ease,min-height .7s cubic-bezier(.7,0,.2,1),height .7s cubic-bezier(.7,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);min-height:680px;position:relative;transform:translateZ(0);backface-visibility:hidden;animation:caContainerEntrance .6s cubic-bezier(.16,1,.3,1) both}.ca-container:hover{box-shadow:0 32px 64px -12px rgba(0,0,0,.35),0 0 0 1px var(--border-color)}@keyframes caContainerEntrance{0%{opacity:0;transform:translate3d(0,14px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}.ca-container.ca-mode-signup{max-width:960px;min-height:680px}.ca-close-btn{position:absolute;top:2rem;left:2rem;width:44px;height:44px;border-radius:50%;background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,.1);border:1px solid var(--border-color);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50;font-size:1.1rem}.ca-close-btn:hover{background:var(--color-danger);color:white;transform:rotate(90deg);border-color:var(--color-danger);box-shadow:0 0 20px rgba(239,68,68,.3)}.ca-branding{flex:1 1;width:50%;min-width:0;max-width:50%;background:radial-gradient(circle at 15% 15%,rgba(59,130,246,.35) 0,transparent 45%),radial-gradient(circle at 85% 85%,rgba(139,92,246,.25) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(2,83,174,.5) 0,transparent 70%),linear-gradient(155deg,#012b60,#0253AE 45%,#0d3882 75%,#181c3a);padding:2.75rem 2.25rem;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;position:relative;overflow:hidden;transition:transform .7s cubic-bezier(.7,0,.2,1),box-shadow .7s cubic-bezier(.7,0,.2,1);z-index:2;will-change:transform;min-height:680px;box-sizing:border-box;box-shadow:inset -1px 0 0 rgba(255,255,255,.12);transform:translateZ(0);backface-visibility:hidden}.ca-mode-signup .ca-branding{transform:translate3d(100%,0,0);box-shadow:inset 1px 0 0 rgba(255,255,255,.12)}.ca-branding-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.ca-branding-glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none}.ca-glow-1{width:260px;height:260px;background:rgba(96,165,250,.4);top:-50px;right:-50px;animation:glow-float-1 9s ease-in-out infinite alternate}.ca-glow-2{width:300px;height:300px;background:rgba(139,92,246,.3);bottom:-70px;left:-50px;animation:glow-float-2 11s ease-in-out infinite alternate}@keyframes glow-float-1{0%{transform:translate(0) scale(1)}to{transform:translate(-25px,35px) scale(1.1)}}@keyframes glow-float-2{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-25px) scale(1.08)}}.ca-branding-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 0);background-size:20px 20px;opacity:.5}.ca-brand-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;width:100%;min-width:0;box-sizing:border-box;margin-bottom:.75rem}.ca-logo-card{display:inline-flex;align-items:center;justify-content:center;background:#ffffff;padding:.65rem 1.25rem;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.45);transition:transform .25s ease,box-shadow .25s ease;flex-shrink:0}.ca-logo-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28)}.ca-logo-image{height:48px;width:auto;object-fit:contain;display:block}.ca-branding-content{position:relative;z-index:2;color:#ffffff;margin:1.25rem 0;width:100%;min-width:0;box-sizing:border-box}.ca-branding-title{font-size:1.6rem;font-weight:800;margin:0 0 .45rem;line-height:1.25;letter-spacing:-.025em;color:#ffffff;text-shadow:0 2px 8px rgba(0,0,0,.2)}.ca-branding-subtitle{font-size:.85rem;color:rgba(255,255,255,.88);line-height:1.5;margin:0 0 1.25rem}.ca-features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ca-feature-card,.ca-features-grid{gap:.55rem;min-width:0;box-sizing:border-box}.ca-feature-card{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:.5rem .65rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.ca-feature-card:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.18)}.ca-feature-icon{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#ffffff;flex-shrink:0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.ca-feature-info{display:flex;flex-direction:column;min-width:0;flex:1 1;overflow:hidden}.ca-feature-name{font-size:.75rem;font-weight:700;color:#ffffff;line-height:1.25;-webkit-line-clamp:2}.ca-feature-desc,.ca-feature-name{white-space:normal;word-break:break-word;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ca-feature-desc{font-size:.66rem;color:rgba(255,255,255,.75);line-height:1.2;margin-top:.1rem;-webkit-line-clamp:1}.ca-form-panel{flex:1 1;width:50%;min-width:0;max-width:50%;padding:2.25rem 2.5rem;display:flex;flex-direction:column;justify-content:center;transition:transform .7s cubic-bezier(.7,0,.2,1);z-index:1;will-change:transform;background:var(--bg-card);box-sizing:border-box;transform:translateZ(0);backface-visibility:hidden}.ca-form-panel,.ca-mode-signin .ca-form-panel,.ca-mode-signup .ca-form-panel{min-height:680px}.ca-mode-signup .ca-form-panel{transform:translate3d(-100%,0,0)}.ca-form-header{margin-bottom:.85rem;text-align:center;display:flex;flex-direction:column;align-items:center}.ca-form-header h2{font-size:1.45rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.25;margin:0 0 .25rem}.ca-form-subtitle{color:var(--text-secondary);font-size:.82rem;line-height:1.45;margin:0;max-width:340px}.ca-social-buttons{display:grid;grid-template-columns:1fr;margin:.85rem 0 .5rem}.ca-social-btn{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1rem;border:1.5px solid var(--border-color);border-radius:11px;background:var(--bg-card);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px rgba(0,0,0,.04)}.ca-social-btn:hover{border-color:var(--color-brand);background:var(--bg-card-hover);transform:translateY(-1px)}.ca-social-btn.google{background:var(--bg-card);border:1.5px solid var(--border-color);color:var(--text-primary);position:relative;overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1)}.ca-social-btn.google i{color:#4285F4;font-size:1.05rem}.ca-social-btn.google:hover:not(:disabled){background:var(--bg-card);border-color:#4285F4;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 18px rgba(66,133,244,.16)}[data-theme=dark] .ca-social-btn.google:hover:not(:disabled){background:rgba(66,133,244,.08);border-color:#60a5fa}.ca-social-btn.google:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#4285F4 25%,#EA4335 0,#EA4335 50%,#FBBC05 0,#FBBC05 75%,#34A853 0);transform:translateY(3px);transition:transform .25s ease}.ca-social-btn.google:hover:not(:disabled):after{transform:translateY(0)}.ca-social-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ca-social-btn.google:disabled:after{display:none}.ca-turnstile{justify-content:center;margin:.25rem 0;width:100%;min-height:65px}.ca-divider,.ca-turnstile{display:flex;align-items:center}.ca-divider{gap:.75rem;margin:.75rem 0 .85rem;color:var(--text-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.ca-divider:after,.ca-divider:before{content:"";flex:1 1;height:1px;background:var(--border-color)}.ca-form{gap:.8rem}.ca-field,.ca-form{display:flex;flex-direction:column}.ca-field{gap:.35rem}.ca-field label{font-size:.72rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:color .2s ease}.ca-field:focus-within label{color:#0253AE}[data-theme=dark] .ca-field:focus-within label{color:#60a5fa}.ca-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.ca-input-wrapper>i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:.85rem;pointer-events:none;transition:color .2s ease,transform .2s ease;z-index:1}.ca-field:focus-within .ca-input-wrapper>i{color:#0253AE;transform:translateY(-50%) scale(1.1)}[data-theme=dark] .ca-field:focus-within .ca-input-wrapper>i{color:#60a5fa}.ca-input{width:100%;padding:.72rem .85rem .72rem 2.45rem;border:1.5px solid var(--border-color);border-radius:11px;background:var(--bg-input);color:var(--text-primary);font-size:.92rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-sizing:border-box}.ca-input:hover:not(:focus){border-color:var(--text-muted)}.ca-input:focus{outline:none;border-color:#0253AE;background:var(--bg-card);box-shadow:0 0 0 3px rgba(2,83,174,.15),0 4px 12px rgba(2,83,174,.08)}[data-theme=dark] .ca-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2),0 4px 12px rgba(0,0,0,.25)}.ca-password-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:.85rem}.ca-options{justify-content:space-between;font-size:.85rem;margin-top:.25rem}.ca-options,.ca-remember{display:flex;align-items:center}.ca-remember{gap:.4rem;color:var(--text-secondary);cursor:pointer}.ca-remember input{width:14px;height:14px;accent-color:var(--color-brand)}.ca-forgot{color:var(--color-brand);text-decoration:none;font-weight:600}.ca-submit{position:relative;overflow:hidden;padding:.82rem 1.25rem;background:linear-gradient(135deg,#0253AE,#0d6efd 60%,#1e40af);color:#ffffff;border:none;border-radius:11px;font-size:.94rem;font-weight:700;letter-spacing:.025em;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.4rem;min-height:46px;box-shadow:0 4px 14px rgba(2,83,174,.25)}.ca-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.ca-submit:hover:not(:disabled):before{left:100%}.ca-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px rgba(2,83,174,.38);background:linear-gradient(135deg,#01418c,#0253AE 60%,#1e3a8a)}.ca-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 8px rgba(2,83,174,.3)}.ca-submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ca-submit i{font-size:.9rem;transition:transform .2s ease}.ca-submit:hover:not(:disabled) i.fa-paper-plane{transform:translate(2px,-2px)}.ca-submit:hover:not(:disabled) i.fa-arrow-right{transform:translateX(3px)}.ca-error{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.25);color:#ef4444;padding:.65rem .85rem;border-radius:10px;font-size:.82rem;font-weight:500;display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;animation:caErrorShake .3s cubic-bezier(.36,.07,.19,.97) both}@keyframes caErrorShake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}.ca-signin-hint{display:flex;align-items:center;justify-content:center;gap:.55rem;margin:.85rem 0 0;padding:.55rem .85rem;border-radius:9px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.22);color:var(--text-secondary);font-size:.74rem;font-weight:500;line-height:1.4;text-align:center}.ca-signin-hint i{color:#10b981;font-size:.82rem;flex-shrink:0}.ca-switch{text-align:center;margin-top:1.25rem;padding:.65rem 0;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500}.ca-switch a{color:#0253AE;font-weight:700;text-decoration:none;cursor:pointer;transition:all .2s ease;margin-left:.4rem;padding:.2rem .5rem;border-radius:6px}[data-theme=dark] .ca-switch a{color:#60a5fa}.ca-switch a:hover{background:rgba(2,83,174,.1);color:#0253AE;text-decoration:underline}[data-theme=dark] .ca-switch a:hover{background:rgba(59,130,246,.15);color:#93c5fd}.ca-code-inputs{display:flex;gap:.5rem;justify-content:center;margin:1.25rem 0}.ca-code-input{width:44px;height:52px;text-align:center;font-size:1.25rem;font-weight:800;border:2px solid var(--border-color);border-radius:11px;background:var(--bg-input);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.ca-code-input:focus{outline:none;border-color:#0253AE;background:var(--bg-card);box-shadow:0 0 0 3px rgba(2,83,174,.18),0 4px 12px rgba(2,83,174,.1);transform:translateY(-2px)}[data-theme=dark] .ca-code-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.25),0 4px 12px rgba(0,0,0,.3)}.ca-field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ca-otp-sent{margin:0;text-align:center;font-size:.875rem;line-height:1.5;color:var(--text-secondary);overflow-wrap:anywhere}.ca-otp-sent strong{color:var(--text-primary)}.ca-link-btn{background:none;border:none;padding:0 .25rem;margin-left:.25rem;color:#0253AE;font:inherit;font-weight:600;cursor:pointer}[data-theme=dark] .ca-link-btn{color:#60a5fa}.ca-link-btn:hover:not(:disabled){text-decoration:underline}.ca-link-btn:disabled{color:var(--text-muted);cursor:not-allowed}.ca-resend{text-align:center;font-size:.85rem;color:var(--text-muted)}.ca-note{display:flex;gap:.5rem;margin:.25rem 0 0;padding:.6rem .75rem;border-radius:10px;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.22);color:var(--text-secondary);font-size:.8rem;line-height:1.5}.ca-note i{color:#d97706;margin-top:.2rem}.ca-consent{margin:.75rem 0 0;text-align:center;font-size:.75rem;line-height:1.5;color:var(--text-muted)}.ca-consent a{color:#0253AE;font-weight:600;text-decoration:none}[data-theme=dark] .ca-consent a{color:#60a5fa}.ca-consent a:hover{text-decoration:underline}@media (max-width:800px){.ca-main{padding:1.25rem 1rem 2.5rem;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;min-height:100dvh;width:100%;box-sizing:border-box;overflow-x:hidden}.ca-top-actions{top:.85rem;right:.85rem;padding:.25rem .55rem;gap:.4rem;background:var(--bg-card);border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:60}.ca-close-btn{top:.85rem;left:.85rem;width:38px;height:38px;font-size:.95rem;background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:60}.ca-close-btn:hover{background:rgba(255,255,255,.35);color:white;transform:rotate(90deg)}.ca-container,.ca-container.ca-mode-signup{flex-direction:column;max-width:480px;width:100%;min-height:auto!important;margin:auto 0;border-radius:var(--radius-lg,24px);overflow:hidden;box-shadow:0 15px 35px rgba(0,0,0,.2);position:relative;transform:none!important;animation:none}.ca-branding{width:100%!important;max-width:100%!important;flex:none!important;padding:3.25rem 1.5rem;transition:none!important;text-align:center;align-items:center;min-height:auto!important;box-sizing:border-box}.ca-branding,.ca-mode-signup .ca-branding{transform:none!important;box-shadow:none!important;border-right:none!important;border-left:none!important}.ca-brand-header{justify-content:center;margin-bottom:.75rem;width:100%}.ca-logo-card{padding:.55rem 1.15rem}.ca-logo-image{height:44px}.ca-branding-content{margin:.5rem 0 0;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.ca-branding-title{font-size:1.45rem;margin-bottom:.35rem;text-align:center}.ca-branding-subtitle{font-size:.85rem;margin-bottom:.5rem;text-align:center;max-width:380px}.ca-features-grid{display:none}.ca-form-panel{width:100%!important;max-width:100%!important;flex:1 1 auto!important;padding:2.25rem 1.5rem;transition:none!important;border-radius:28px 28px 0 0;margin-top:-26px;z-index:5;position:relative;background:var(--bg-card);box-shadow:0 -10px 25px rgba(0,0,0,.15);box-sizing:border-box;justify-content:flex-start}.ca-form-panel,.ca-mode-signin .ca-form-panel,.ca-mode-signup .ca-form-panel{transform:none!important;min-height:auto!important}.ca-social-buttons{grid-template-columns:1fr}.ca-field-row{grid-template-columns:1fr!important;gap:.75rem}.ca-turnstile{display:flex;justify-content:center;margin:.5rem 0}}@media (max-width:480px){.ca-main{padding:0;align-items:flex-start}.ca-container,.ca-container.ca-mode-signup{border-radius:0;max-width:100%;width:100%;min-height:100vh;min-height:100dvh;margin:0;border:none;box-shadow:none}.ca-top-actions{top:.65rem;right:.65rem;padding:.2rem .45rem;gap:.35rem}.ca-close-btn{top:.65rem;left:.65rem;width:36px;height:36px;font-size:.9rem}.ca-branding{padding:2.75rem 1.25rem 3rem}.ca-logo-card{padding:.5rem 1rem}.ca-logo-image{height:40px}.ca-branding-title{font-size:1.3rem}.ca-branding-subtitle{font-size:.82rem;line-height:1.4}.ca-form-panel{border-radius:24px 24px 0 0;padding:1.75rem 1.15rem 2.5rem;margin-top:-24px;box-shadow:0 -8px 24px rgba(0,0,0,.12);min-height:auto!important}.ca-form-header h2{font-size:1.25rem}.ca-form-subtitle{font-size:.78rem}.ca-social-btn{padding:.7rem .85rem;font-size:.85rem}.ca-input-wrapper input{padding:.72rem .85rem .72rem 2.35rem;font-size:.9rem}}@media (max-width:360px){.ca-code-inputs{gap:.3rem}.ca-code-input{width:35px;height:44px;font-size:1rem}.ca-branding-title{font-size:1.2rem}.ca-turnstile{transform:scale(.9);transform-origin:center}}[data-theme=light] .ca-error{color:#b91c1c}@media (prefers-reduced-motion:reduce){.ca-branding,.ca-container,.ca-form-panel{transition:none!important;animation:none!important}}