.auth-page{background:var(--vacanzi-black);width:100%;min-height:100dvh;display:flex}.auth-left{flex-direction:column;flex:0 0 50%;max-width:50%;padding:2rem 3rem;display:flex;position:relative;overflow-y:auto}@media (max-width:1024px){.auth-left{flex:100%;max-width:100%;padding:1.5rem}.auth-tab,.auth-method-btn{min-height:44px}}.auth-logo{align-items:center;margin-bottom:1rem;text-decoration:none;display:inline-flex}.auth-logo-text{color:var(--vacanzi-red);letter-spacing:-.02em;font-size:1.75rem;font-weight:900}.auth-form-wrapper{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:420px;margin:0 auto;display:flex}.auth-heading{margin-bottom:1.75rem}.auth-title{color:var(--vacanzi-text);margin:0;font-size:1.75rem;font-weight:800;line-height:1.2}.auth-subtitle{color:var(--vacanzi-muted);margin-top:.5rem;font-size:.9rem;line-height:1.5}.auth-tabs{background:var(--vacanzi-surface);-webkit-backdrop-filter:blur(10px);border:1px solid var(--vacanzi-border);border-radius:9999px;margin-bottom:1rem;padding:4px;display:flex;position:relative}.auth-tab{color:var(--vacanzi-subtle);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:9999px;flex:1;padding:10px 0;font-size:.875rem;font-weight:600;transition:color .25s;position:relative}.auth-tab:hover{color:var(--vacanzi-muted)}.auth-tab--active{color:var(--vacanzi-red)}.auth-tab-indicator{background:var(--vacanzi-card);border:1px solid var(--vacanzi-border);z-index:-1;border-radius:9999px;position:absolute;inset:0;box-shadow:0 2px 8px #0000001f}.auth-form{flex-direction:column;gap:.6rem;display:flex}.auth-field{flex-direction:column;gap:.375rem;display:flex}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-label{color:var(--vacanzi-muted);letter-spacing:.01em;font-size:.8rem;font-weight:600}.auth-switch-method{width:fit-content;color:var(--vacanzi-red);cursor:pointer;background:#dc143c0f;border:1px solid #dc143c40;border-radius:9999px;justify-content:center;align-self:center;align-items:center;gap:6px;margin-top:4px;padding:8px 16px;font-size:.8125rem;font-weight:600;transition:all .25s;display:inline-flex}.auth-switch-method:hover{color:var(--vacanzi-red-hover);background:#dc143c1f;border-color:#dc143c80;transform:translateY(-1px)}.auth-switch-method svg{flex-shrink:0}.auth-forgot{color:var(--vacanzi-red);cursor:pointer;background:0 0;border:none;font-size:.75rem;font-weight:500;transition:color .2s}.auth-forgot:hover{color:var(--vacanzi-red-hover)}.auth-helper{color:var(--vacanzi-subtle);margin-top:2px;font-size:.75rem}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{width:16px;height:16px;color:var(--vacanzi-subtle);pointer-events:none;z-index:1;transition:color .2s;position:absolute;left:14px}.auth-input{background:var(--vacanzi-card);border:1px solid var(--vacanzi-border);width:100%;height:48px;color:var(--vacanzi-text);border-radius:12px;outline:none;padding:0 14px 0 42px;font-size:.875rem;transition:border-color .25s,box-shadow .25s}.auth-input::placeholder{color:var(--vacanzi-subtle)}.auth-input:focus{border-color:var(--vacanzi-red);box-shadow:0 0 0 3px #dc143c1f}.auth-input:focus~.auth-input-icon,.auth-input:focus+.auth-input-icon,.auth-input-wrap:focus-within .auth-input-icon{color:var(--vacanzi-red)}.auth-input--password{padding-right:46px}.auth-password-toggle{color:var(--vacanzi-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.auth-password-toggle:hover{color:var(--vacanzi-text)}.auth-method-toggle{background:var(--vacanzi-surface);border-radius:12px;margin-bottom:6px;padding:3px;display:flex;position:relative;overflow:hidden}.auth-method-slider{pointer-events:none;z-index:0;background:#dc143c1a;border-radius:10px;width:calc(50% - 3px);height:calc(100% - 6px);transition:transform .32s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 0 16px #dc143c14}.auth-method-slider--right{transform:translate(100%)}.auth-method-btn{color:var(--vacanzi-subtle);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 0;font-size:.825rem;font-weight:600;transition:color .28s;display:flex;position:relative}.auth-method-btn:hover{color:var(--vacanzi-muted)}.auth-method-btn--active{color:var(--vacanzi-red)}.auth-method-toggle{color:#0a0a0a;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:.82rem;font-weight:700;display:inline-flex}html.dark .auth-method-toggle{color:#fff}.auth-submit{background:var(--vacanzi-red);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;margin-top:0;font-size:.9rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;display:flex}.auth-submit:hover:not(:disabled){background:var(--vacanzi-red-hover);transform:translateY(-1px);box-shadow:0 6px 20px #dc143c4d}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.5;cursor:not-allowed;background:var(--vacanzi-surface);color:var(--vacanzi-subtle)}.auth-submit--full{margin-top:.75rem}.auth-submit-loading{align-items:center;gap:8px;display:flex}.auth-spinner{width:18px;height:18px;animation:.8s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:12px;display:flex}.auth-divider-line{background:var(--vacanzi-border);flex:1;height:1px}.auth-divider-text{color:var(--vacanzi-subtle);white-space:nowrap;font-size:.75rem}.auth-social-buttons{gap:12px;display:flex}.auth-social-btn{background:var(--vacanzi-card);border:1px solid var(--vacanzi-border);height:46px;color:var(--vacanzi-text);cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;font-size:.85rem;font-weight:600;transition:border-color .2s,background .2s,transform .15s;display:flex}.auth-social-btn:hover{border-color:var(--vacanzi-subtle);background:var(--vacanzi-surface);transform:translateY(-1px)}.auth-terms{color:var(--vacanzi-subtle);text-align:center;font-size:.7rem;line-height:1.6}.auth-terms-link{color:var(--vacanzi-muted);cursor:pointer;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .2s}.auth-terms-link:hover{color:var(--vacanzi-text);-webkit-text-decoration-color:var(--vacanzi-text);text-decoration-color:var(--vacanzi-text)}.auth-step-wrapper{flex-direction:column;flex:1;width:100%;max-width:420px;margin:0 auto;padding-top:1rem;display:flex}.auth-back-btn{border:1px solid var(--vacanzi-border);width:40px;height:40px;color:var(--vacanzi-text);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2rem;transition:all .2s;display:flex}.auth-back-btn:hover{border-color:var(--vacanzi-red);color:var(--vacanzi-red);background:#dc143c0f}.auth-step-content{flex-direction:column;flex:1;display:flex}.auth-step-title{color:var(--vacanzi-text);margin:0 0 .625rem;font-size:1.625rem;font-weight:800;line-height:1.25}.auth-step-subtitle{color:var(--vacanzi-muted);margin:0 0 1.75rem;font-size:.9rem;line-height:1.55}.auth-otp-input{text-align:center;font-family:Courier New,monospace}.auth-resend-section{flex-direction:column;align-items:center;gap:4px;padding:8px 0;display:flex}.auth-resend-label{color:var(--vacanzi-text);font-size:.85rem;font-weight:500}.auth-resend-help{color:var(--vacanzi-muted);font-size:.8rem}.auth-resend-timer{color:var(--vacanzi-red);font-weight:600}.auth-resend-btn{color:var(--vacanzi-red);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;transition:color .2s}.auth-resend-btn:hover{color:var(--vacanzi-red-hover);text-decoration:underline}.auth-username-wrap{position:relative}.auth-username-actions{align-items:center;gap:8px;display:flex;position:absolute;right:12px}.auth-regenerate-btn{background:var(--vacanzi-surface);border:1px solid var(--vacanzi-border);width:32px;height:32px;color:var(--vacanzi-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.auth-regenerate-btn:hover{border-color:var(--vacanzi-red);color:var(--vacanzi-red);background:#dc143c14}.auth-regenerate-btn:active{transform:rotate(180deg)}.auth-username-helper{margin-top:2px;font-size:.75rem;font-weight:500}.auth-username-helper--success{color:#4caf50}.auth-username-helper--error{color:#ff5252}.auth-right{flex:0 0 50%;justify-content:center;align-items:center;max-width:50%;padding:1.25rem;display:flex;position:relative;overflow:hidden}@media (max-width:1024px){.auth-right{display:none}}.auth-carousel{aspect-ratio:1;background:0 0;border:none;border-radius:28px;width:100%;max-width:100%;max-height:100%;margin:auto;position:relative;overflow:hidden}.auth-slide{align-items:flex-end;display:flex;position:absolute;inset:0}.auth-slide-image{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.auth-slide-image--banner{object-fit:cover;object-position:center;border-radius:28px}.auth-slide-overlay{background:linear-gradient(#0000000d 0%,#00000026 35%,#0000008c 65%,#000000eb 100%);position:absolute;inset:0}.auth-slide-content{z-index:2;width:100%;padding:2.5rem 2rem;position:relative}.auth-slide-title{color:#fff;margin:0 0 .5rem;font-size:1.625rem;font-weight:800;line-height:1.2}.auth-slide-description{color:#ffffffbf;max-width:400px;margin:0;font-size:.9rem;line-height:1.5}.auth-carousel-controls{z-index:5;align-items:center;gap:10px;display:flex;position:absolute;bottom:1.25rem;right:1.5rem}.auth-carousel-arrow{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,transform .15s;display:flex}.auth-carousel-arrow:hover{background:#fff3;transform:scale(1.08)}.auth-carousel-dots{align-items:center;gap:6px;display:flex}.auth-carousel-dot{cursor:pointer;background:#ffffff40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .3s,width .3s,border-radius .3s}.auth-carousel-dot--active{background:var(--vacanzi-red);border-radius:4px;width:24px}.auth-right:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#dc143c14 0%,#0000 70%);width:60%;height:60%;animation:8s ease-in-out infinite alternate auth-glow;position:absolute;top:-20%;right:-20%}@keyframes auth-glow{0%{opacity:.5;transform:translate(0)}to{opacity:1;transform:translate(-10%,15%)}}.reset-back-link{color:var(--vacanzi-muted);justify-content:center;align-items:center;gap:6px;margin-top:.25rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.reset-back-link:hover{color:var(--vacanzi-text)}.reset-strength-wrap{align-items:center;gap:10px;margin-top:6px;display:flex}.reset-strength-bar{background:var(--vacanzi-border);border-radius:2px;flex:1;height:4px;overflow:hidden}.reset-strength-fill{border-radius:2px;height:100%;transition:width .35s,background .35s}.reset-strength-label{text-align:right;min-width:40px;font-size:.72rem;font-weight:600}.reset-success-icon{color:#4caf50;background:#4caf501f;border:2px solid #4caf504d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;animation:.5s reset-success-pop;display:flex}@keyframes reset-success-pop{0%{opacity:0;transform:scale(.5)}70%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.reset-right-panel{background:var(--vacanzi-card);border:1px solid var(--vacanzi-border);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}html.dark .reset-right-panel{background:linear-gradient(160deg,#111 0%,#0a0a0a 50%,#1a0a12 100%)}.reset-right-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#dc143c0f 0%,#0000 70%);width:60%;height:60%;position:absolute;top:-30%;right:-30%}.reset-right-content{text-align:center;z-index:2;flex-direction:column;align-items:center;padding:3rem;display:flex;position:relative}.reset-shield-icon{width:96px;height:96px;color:var(--vacanzi-red);background:#dc143c14;border:1px solid #dc143c33;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.reset-right-title{color:var(--vacanzi-text);margin:0 0 .75rem;font-size:1.5rem;font-weight:800}.reset-right-desc{color:var(--vacanzi-muted);max-width:300px;margin:0 0 2.5rem;font-size:.9rem;line-height:1.6}.reset-steps-visual{align-items:center;gap:0;margin-bottom:1rem;display:flex}.reset-step-dot{background:var(--vacanzi-surface);border:2px solid var(--vacanzi-border);width:36px;height:36px;color:var(--vacanzi-subtle);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;transition:all .35s;display:flex}.reset-step-dot--active{border-color:var(--vacanzi-red);color:var(--vacanzi-red);background:#dc143c1f;box-shadow:0 0 16px #dc143c33}.reset-step-dot--done{color:#4caf50;background:#4caf5026;border-color:#4caf50}.reset-step-line{background:var(--vacanzi-border);width:48px;height:2px;transition:background .35s}.reset-step-line--done{background:#4caf50}.reset-steps-labels{color:var(--vacanzi-subtle);gap:36px;font-size:.75rem;font-weight:600;display:flex}@media (max-width:480px){.auth-left{padding:1.25rem 1rem}.auth-logo-text{font-size:1.5rem}.auth-title{font-size:1.4rem}.auth-subtitle{font-size:.85rem}.auth-heading{margin-bottom:1.25rem}.auth-step-title{font-size:1.35rem}.auth-step-subtitle{margin-bottom:1.25rem;font-size:.85rem}.auth-step-wrapper{padding-top:.5rem}.auth-back-btn{margin-bottom:1.25rem}.auth-social-btn{gap:8px;font-size:.8rem}.auth-form{gap:1rem}.auth-forgot,.auth-resend-btn{padding:6px 4px}.reset-success-icon{width:64px;height:64px}.auth-cc-wrap .cc-header{padding:1.25rem 1rem 0}.auth-cc-wrap .cc-body{padding:1rem}.auth-cc-wrap .cc-footer{padding:.875rem 1rem}.auth-cc-wrap .cc-header-text h2{font-size:1.15rem}}
