.topavis-auth,.topavis-auth *,.topavis-auth :before,.topavis-auth :after{box-sizing:border-box}.topavis-auth{--bg:#fafaf7;--primary:#1b2e4b;--accent:#e8e0d0;--accent-dark:#c8baa0;--white:#fff;--text-muted:#1b2e4b99;--radius:10px;--radius-lg:20px;--radius-xl:32px;background:var(--bg);color:var(--primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;line-height:1.6}.topavis-auth h1,.topavis-auth h2{margin:0;font-family:Playfair Display,serif;line-height:1.15}.topavis-auth p{margin:0}.topavis-auth .container{max-width:1200px;margin:0 auto;padding:0 24px}.topavis-auth .nav{z-index:100;background:0 0;padding:20px 0;transition:padding .3s,background .3s,box-shadow .3s;position:fixed;top:0;left:0;right:0}.topavis-auth .nav.scrolled{-webkit-backdrop-filter:blur(16px);background:#fafaf7eb;padding:12px 0;box-shadow:0 1px #1b2e4b14}.topavis-auth .nav__inner{justify-content:space-between;align-items:center;gap:24px;display:flex}.topavis-auth .nav__logo{color:var(--primary);letter-spacing:-.5px;font-family:Playfair Display,serif;font-size:22px;font-weight:700;text-decoration:none}.topavis-auth .nav__actions{align-items:center;gap:12px;display:flex}.topavis-auth .nav__login,.topavis-auth .nav__signup{color:var(--primary);opacity:.75;font-size:15px;font-weight:500;text-decoration:none;transition:opacity .2s}.topavis-auth .nav__login:hover,.topavis-auth .nav__signup:hover{opacity:1}.topavis-auth .btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 28px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s;display:inline-flex}.topavis-auth .btn:hover{transform:translateY(-2px)}.topavis-auth .btn--primary{background:var(--primary);color:var(--white);width:100%;box-shadow:0 4px 16px #1b2e4b2e}.topavis-auth .btn--primary:hover{box-shadow:0 12px 32px #1b2e4b47}.topavis-auth .btn--primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.topavis-auth .auth-wrapper{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:100vh;padding:120px 0 80px;display:grid}.topavis-auth .auth-left{flex-direction:column;gap:24px;display:flex}.topavis-auth .auth-left--signup{gap:40px}.topavis-auth .auth-left__title{letter-spacing:-.02em;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1.2}.topavis-auth .auth-left__subtitle{color:var(--text-muted);max-width:480px;font-size:16px;line-height:1.7}.topavis-auth .auth-left__benefits{flex-direction:column;gap:20px;display:flex}.topavis-auth .benefit-item{align-items:flex-start;gap:16px;display:flex}.topavis-auth .benefit-icon{background:var(--accent);width:28px;height:28px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.topavis-auth .benefit-text{flex-direction:column;gap:4px;display:flex}.topavis-auth .benefit-text__title{color:var(--primary);font-size:15px;font-weight:600}.topavis-auth .benefit-text__desc{color:var(--text-muted);font-size:14px;line-height:1.5}.topavis-auth .auth-left__reassurance{background:var(--accent);border-radius:var(--radius-lg);flex-direction:column;gap:12px;padding:24px;display:flex}.topavis-auth .reassurance__title{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);font-size:14px;font-weight:700}.topavis-auth .reassurance__text{color:var(--primary);opacity:.8;font-size:14px;line-height:1.6}.topavis-auth .auth-right{flex-direction:column;gap:32px;display:flex}.topavis-auth .auth-form{background:var(--white);border-radius:var(--radius-lg);flex-direction:column;gap:24px;padding:48px;display:flex;box-shadow:0 10px 40px #1b2e4b14}.topavis-auth .form-header{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.topavis-auth .form-header__title{color:var(--primary);font-size:28px;font-weight:700}.topavis-auth .form-header__subtitle{color:var(--text-muted);font-size:14px}.topavis-auth .form-group{flex-direction:column;gap:8px;display:flex}.topavis-auth .form-label{color:var(--primary);font-size:14px;font-weight:600}.topavis-auth .form-input{border-radius:var(--radius);color:var(--primary);background:var(--white);border:2px solid #1b2e4b1a;width:100%;padding:14px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.topavis-auth .form-input::placeholder{color:#1b2e4b66}.topavis-auth .form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1b2e4b14}.topavis-auth .form-input:hover{border-color:#1b2e4b33}.topavis-auth .form-submit{margin-top:12px}.topavis-auth .form-error{color:#dc2626;border-radius:var(--radius);background:#fef2f2;border:1px solid #fecaca;padding:12px 16px;font-size:14px}.topavis-auth .form-success{color:#16a34a;border-radius:var(--radius);background:#f0fdf4;border:1px solid #bbf7d0;padding:12px 16px;font-size:14px}.topavis-auth .form-footer{text-align:center;color:var(--text-muted);font-size:14px}.topavis-auth .form-footer a{color:var(--primary);font-weight:600;text-decoration:none;transition:opacity .2s}.topavis-auth .form-footer a:hover{opacity:.7}.topavis-auth .auth-bg-shape{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);opacity:.4;pointer-events:none;z-index:-1;border-radius:50%;width:600px;height:600px;position:fixed;top:-100px;right:-150px}@media (max-width:1024px){.topavis-auth .auth-wrapper{grid-template-columns:1fr;gap:40px;padding:100px 0 60px}.topavis-auth .auth-left{gap:20px}.topavis-auth .auth-left--signup{gap:32px}.topavis-auth .auth-form{padding:40px}}@media (max-width:768px){.topavis-auth .auth-wrapper{padding:80px 0 40px}.topavis-auth .auth-left__title{font-size:28px}.topavis-auth .auth-left__benefits{gap:16px}.topavis-auth .auth-form{padding:32px 24px}.topavis-auth .form-header__title{font-size:24px}.topavis-auth .nav{padding:16px 0}.topavis-auth .nav__inner{gap:16px}}@media (max-width:480px){.topavis-auth .auth-wrapper{padding:70px 0 30px}.topavis-auth .auth-left{gap:16px}.topavis-auth .auth-left--signup{gap:24px}.topavis-auth .auth-left__title{font-size:24px}.topavis-auth .auth-left__subtitle{font-size:14px}.topavis-auth .auth-form{padding:24px}.topavis-auth .form-header__title{font-size:20px}.topavis-auth .auth-left__benefits{display:none}.topavis-auth .auth-left__reassurance{padding:20px}}