.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);background:radial-gradient(135% 135% at 0% 0%,#6366f147,#0f172afa 42%,#080c18);color:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif}.auth-panel{width:min(1120px,100%);display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,.95fr);background:#0f172ac7;border-radius:28px;border:1px solid rgba(148,163,255,.22);box-shadow:0 32px 90px #080e1d8c;overflow:hidden;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);position:relative}.auth-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 15% 15%,rgba(99,102,241,.28),transparent 60%),radial-gradient(circle at 85% 10%,rgba(56,189,248,.24),transparent 62%),radial-gradient(circle at 20% 90%,rgba(236,72,153,.22),transparent 70%);pointer-events:none;opacity:.7}.auth-panel__content{position:relative;z-index:1;padding:clamp(2.6rem,4vw,3.4rem);background:linear-gradient(135deg,#6366f152,#38bdf829,#080c1873);border-right:1px solid rgba(148,163,255,.16);display:flex;flex-direction:column;gap:clamp(1.8rem,3vw,2.6rem)}.auth-page--register .auth-panel__content{background:linear-gradient(135deg,#8b5cf64d,#ec48992e,#080c1873)}.auth-panel__intro .auth-kicker{display:inline-block;letter-spacing:.28em;text-transform:uppercase;font-size:.68rem;color:#e2e8ffb3;margin-bottom:.75rem}.auth-panel__intro h1{margin:0 0 .9rem;font-size:clamp(2rem,2.6vw,2.6rem);font-weight:700}.auth-panel__intro p{margin:0;max-width:520px;color:#e2e8ffc7;line-height:1.6;font-size:clamp(1rem,1.15vw,1.08rem)}.auth-metrics{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.auth-metrics__item{background:#0f172a99;border:1px solid rgba(148,163,255,.2);border-radius:18px;padding:1rem 1.2rem;box-shadow:0 18px 40px #080e1d73}.auth-metrics__item strong{display:block;font-size:1.35rem;margin-bottom:.35rem}.auth-metrics__item span{font-size:.85rem;color:#e2e8ffb3;line-height:1.4}.auth-showcase{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.auth-showcase__card{background:#0c1221b8;border:1px solid rgba(99,102,241,.22);border-radius:18px;padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.65rem;min-height:150px;box-shadow:0 18px 40px #080e1d73;transition:transform .2s ease,border-color .2s ease}.auth-showcase__card:hover{transform:translateY(-4px);border-color:#818cf873}.auth-showcase__index{font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:#94a3ffb3}.auth-showcase__card h3{margin:0;font-size:1.05rem;color:#f8fafcf2}.auth-showcase__card p{margin:0;font-size:.9rem;color:#e2e8ffb8;line-height:1.5}.auth-panel__form{position:relative;z-index:1;padding:clamp(2.8rem,4vw,3.25rem);background:#080d1bdb;display:flex;flex-direction:column;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-form__header h2{margin:0 0 .4rem;font-size:1.75rem}.auth-logo{margin-bottom:8px;display:flex;justify-content:center}.auth-logo img{max-width:320px;width:70%;height:auto;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.auth-subtitle{margin:0;font-size:.95rem;color:#e2e8ffb3;line-height:1.5}.auth-field{display:flex;flex-direction:column;gap:.55rem}.auth-field label{font-size:.85rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#e2e8ffb8}.auth-field input{border-radius:14px;border:1px solid rgba(148,163,255,.22);background:#0f172ab8;color:#f8fafc;padding:.8rem 1rem;font-size:.95rem;transition:border-color .2s ease,background .2s ease}.auth-field input::placeholder{color:#94a3ff8c}.auth-field input:focus{outline:none;border-color:#818cf899;background:#0f172ae6}.auth-input-wrapper{display:flex;align-items:center;gap:.5rem;background:#0f172ab8;border-radius:14px;border:1px solid rgba(148,163,255,.22);padding-right:.5rem}.auth-input-wrapper input{border:none;background:transparent;flex:1;padding:.8rem 1rem}.auth-input-wrapper:focus-within{border-color:#818cf899}.auth-toggle{border:none;background:transparent;color:#94a3ffd9;font-size:.8rem;font-weight:600;cursor:pointer;padding:.4rem .6rem}.auth-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem;color:#e2e8ffb3}.auth-checkbox{display:inline-flex;align-items:center;gap:.45rem}.auth-checkbox input{width:16px;height:16px;accent-color:#6366f1}.auth-link{border:none;background:none;color:#818cf8f2;font-weight:600;cursor:pointer;padding:0}.auth-link--muted{color:#94a3ffb3}.auth-button{width:100%;padding:.9rem;border-radius:999px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-weight:600;font-size:.98rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 36px #6366f138}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-spinner{width:18px;height:18px;border-radius:50%;border:3px solid rgba(255,255,255,.5);border-top-color:#fff;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-alert{padding:.8rem 1rem;border-radius:14px;font-size:.9rem;line-height:1.5}.auth-alert--error{background:#f8717129;color:#fecaca;border:1px solid rgba(248,113,113,.32)}.auth-alert--success{background:#22c55e2e;color:#bbf7d0;border:1px solid rgba(34,197,94,.32)}.auth-footer{text-align:center;font-size:.9rem;color:#e2e8ffbf;margin-top:.5rem}.auth-panel__cta{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#e2e8ffbf}.auth-panel__cta .auth-link{color:#94a3fff2}.auth-page--register .auth-button{background:linear-gradient(135deg,#38bdf8,#8b5cf6)}@media (max-width: 1080px){.auth-panel{grid-template-columns:1fr}.auth-panel__content{border-right:none;border-bottom:1px solid rgba(148,163,255,.16)}}@media (max-width: 640px){.auth-page{padding:1.25rem}.auth-panel{border-radius:22px}.auth-panel__content{padding:2.1rem 1.75rem}.auth-panel__form{padding:2.25rem 1.75rem}.auth-meta{flex-direction:column;align-items:flex-start}}