*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}:root{--bg-dark:#080303;--card-bg:#120707;--card-border:#2e1010;--input-bg:#1c0a0a;--input-border:#421616;--accent-red:#b71414;--accent-red-dark:#860d0d;--accent-red-bright:#f52c2c;--accent-gold:#ffea07;--text-white:#f8fafc;--text-dim:#a89494;--error-red:#ff5f5f;--success-green:#2ecc71}body{color:var(--text-white);background:radial-gradient(circle at 50% 0,#360808 0%,#080303 75%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}a,a:visited{color:var(--accent-red-bright);text-decoration:none;transition:color .2s}a:hover{color:#f66;text-decoration:underline}.auth-wrapper{width:100%;max-width:1040px}.auth-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;min-height:620px;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #000000d9,0 0 35px #b7141440}.left-panel{border-right:1px solid var(--card-border);background:linear-gradient(160deg,#2b0808 0%,#170404 50%,#0a0202 100%);flex-direction:column;flex:1.1;justify-content:space-between;padding:32px;display:flex;position:relative}.top-nav{z-index:10;justify-content:space-between;align-items:center;display:flex}.brand-logo{letter-spacing:-.03em;color:var(--text-white);align-items:center;gap:8px;font-size:1.2rem;font-weight:800;display:flex}.badge-plan{border:1px solid var(--accent-red-bright);color:#f99;cursor:pointer;background:#f52c2c26;border-radius:999px;padding:.65rem 1rem;font-weight:600;transition:all .2s}.badge-plan:hover{background:#f52c2c33;transform:translateY(-1px)}.slider-container{background:#0003;border:1px solid #ffffff0a;border-radius:22px;flex:1;place-items:center;margin-top:22px;display:grid;position:relative;overflow:hidden}.slide{opacity:0;transition:opacity .35s,transform .35s;display:none;position:absolute;inset:0;transform:scale(.98)}.slide.active{opacity:1;display:block;transform:scale(1)}.slide-img{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%}.slide-overlay{background:linear-gradient(#0000,#0a0303e6 35%,#0a0303 100%);padding:1.5rem 1.2rem 1.2rem;position:absolute;bottom:0;left:0;right:0}.slide-overlay h3{letter-spacing:-.05em;margin-bottom:.5rem;font-size:clamp(1.5rem,2.4vw,2.3rem);font-weight:800}.slide-overlay p{color:#f8fafccc;max-width:32rem;line-height:1.6}.plans-slide-content{flex-direction:column;justify-content:center;gap:1rem;height:100%;padding:1.5rem 1.25rem 1rem;display:flex}.slide-tag{color:var(--accent-gold);letter-spacing:.06em;text-transform:uppercase;background:#ffea071c;border:1px solid #ffea0780;border-radius:999px;align-self:flex-start;padding:.42rem .7rem;font-size:.72rem;font-weight:700}.plans-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:.5rem;display:grid}.plan-card{background:#140707b8;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;gap:1rem;min-height:180px;padding:1rem .9rem;display:flex}.plan-card.featured{border-color:#f52c2c80;box-shadow:inset 0 0 0 1px #f52c2c33}.plan-card-premium{border-color:#ffea0773}.plan-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.title-badge{align-items:center;gap:.5rem;display:flex}.plan-card h4{font-size:1.02rem;font-weight:800}.plan-price{color:var(--accent-gold);font-size:.9rem;font-weight:800}.plan-card ul{color:#f1d9d9;flex-direction:column;gap:.55rem;font-size:.8rem;line-height:1.5;list-style:none;display:flex}.plan-card li{align-items:center;gap:.4rem;display:flex}.pop-tag{color:#ffb2b2;text-transform:uppercase;letter-spacing:.06em;background:#f52c2c2e;border-radius:999px;padding:.25rem .5rem;font-size:.62rem;font-weight:700}.slider-dots{justify-content:center;gap:.55rem;margin-top:14px;display:flex}.slider-dots .dot{cursor:pointer;background:#fff3;border:none;border-radius:999px;width:10px;height:10px;transition:all .2s}.slider-dots .dot.active{background:linear-gradient(90deg, var(--accent-red-bright), #ff7a7a);width:26px}.right-panel{background:#0a0202b3;flex-direction:column;flex:.9;justify-content:center;padding:36px 30px 28px;display:flex}.auth-header{margin-bottom:1.5rem}.auth-header h2{letter-spacing:-.06em;margin-bottom:.55rem;font-size:clamp(1.8rem,2.6vw,2.5rem)}.auth-header p{color:var(--text-dim);font-size:.95rem;line-height:1.5}.auth-form{flex-direction:column;gap:1rem;display:flex}.input-row{gap:.8rem;display:flex}.input-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.auth-form input{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-white);border-radius:14px;padding:.9rem 1rem;font-size:.98rem;transition:border-color .2s,box-shadow .2s}.auth-form input::placeholder{color:#fff6}.auth-form input:focus{border-color:#f52c2cb3;outline:none;box-shadow:0 0 0 3px #f52c2c1f}.password-group{position:relative}.toggle-password{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.checkbox-group{margin-top:.2rem}.custom-checkbox{color:var(--text-dim);align-items:center;gap:.75rem;font-size:.9rem;display:inline-flex}.custom-checkbox input{width:16px;height:16px;accent-color:var(--accent-red-bright)}.btn-submit,.btn-social{cursor:pointer;border:none;border-radius:14px;font-weight:700;transition:transform .2s,opacity .2s}.btn-submit{background:linear-gradient(135deg, var(--accent-red-bright), var(--accent-red));color:var(--text-white);margin-top:.2rem;padding:1rem 1.1rem;font-size:1rem}.btn-submit:hover,.btn-social:hover{opacity:.98;transform:translateY(-1px)}.divider{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.8rem;margin:.25rem 0;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:#ffffff1f;flex:1;height:1px}.social-buttons{gap:.75rem;margin-top:.2rem;display:flex}.btn-social{color:var(--text-white);background:#ffffff0f;border:1px solid #ffffff14;flex:1;justify-content:center;align-items:center;gap:.7rem;padding:.9rem 1rem;display:flex}.status-message{min-height:1.4rem;color:var(--error-red);font-size:.88rem}.status-message.success{color:var(--success-green)}@media (width<=820px){.auth-card{flex-direction:column}.left-panel{border-right:none;border-bottom:1px solid var(--card-border);min-height:390px}.plans-mini-grid{grid-template-columns:1fr}.input-row{flex-direction:column}}