.auth-page{background:var(--color-bg-hero);min-height:100vh;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#1f93ff0f 1px,#0000 0);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 85%);mask-image:linear-gradient(#000 0%,#0000 85%)}.auth-header{z-index:20;padding:1.25rem 1.5rem;position:relative}@media (min-width:1024px){.auth-header{padding:1.5rem 2rem;position:fixed;top:0;left:0;right:0}}.auth-logo-link{align-items:center;transition:opacity .18s,transform .18s;display:inline-flex}.auth-logo-link:hover{opacity:.88;transform:translateY(-1px)}.auth-grid{z-index:1;min-height:calc(100vh - 4.5rem);display:grid;position:relative}@media (min-width:1024px){.auth-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:100vh;padding-top:5rem}}.auth-marketing{flex-direction:column;justify-content:center;padding:2rem 3rem 3rem;display:none}@media (min-width:1024px){.auth-marketing{padding:2rem 3rem 4rem 4rem;display:flex}}.auth-marketing-inner{max-width:32rem}.auth-marketing-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;color:var(--color-primary-dark);background:#ffffffb8;border:1px solid #1f93ff33;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-flex}.auth-marketing-title{letter-spacing:-.03em;color:var(--color-text-primary);font-size:clamp(1.85rem,3.2vw,2.65rem);font-weight:800;line-height:1.15}.auth-marketing-subtitle{color:var(--color-text-secondary);margin-top:1rem;font-size:1.05rem;line-height:1.65}.auth-feature-list{flex-direction:column;gap:.85rem;margin-top:2rem;display:flex}.auth-feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;border:1px solid #ffffffa6;border-radius:14px;align-items:flex-start;gap:.85rem;padding:.85rem 1rem;display:flex;box-shadow:0 4px 24px #1f93ff0f}.auth-feature-icon{width:2.25rem;height:2.25rem;color:var(--color-primary-dark);background:linear-gradient(145deg,#e8f4ff 0%,#dceeff 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth-feature-text strong{color:var(--color-text-primary);font-size:.9rem;font-weight:700;display:block}.auth-feature-text span{color:var(--color-text-muted);margin-top:.15rem;font-size:.82rem;line-height:1.45;display:block}.auth-chat-preview{background:linear-gradient(160deg,#ffffffeb 0%,#f8fbffd9 100%);border:1px solid #ffffffb3;border-radius:20px;margin-top:2.25rem;padding:1.25rem;position:relative;box-shadow:0 20px 50px #1f93ff1a,inset 0 1px #fffc}.auth-chat-preview:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffb47859 0%,#0000 70%);border-radius:9999px;width:72px;height:72px;position:absolute;bottom:-12px;right:-12px}.auth-chat-header{border-bottom:1px solid var(--color-border-light);align-items:center;gap:.65rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.auth-chat-dot{background:#22c55e;border-radius:9999px;width:.55rem;height:.55rem;box-shadow:0 0 0 3px #22c55e33}.auth-chat-bubble{border-radius:14px;max-width:88%;margin-bottom:.65rem;padding:.7rem .9rem;font-size:.82rem;line-height:1.45}.auth-chat-bubble--visitor{color:var(--color-text-secondary);background:#f1f5f9;border-bottom-left-radius:4px;margin-right:auto}.auth-chat-bubble--agent{color:#fff;background:linear-gradient(135deg,#1f93ff 0%,#1b6fe0 100%);border-bottom-right-radius:4px;margin-left:auto;box-shadow:0 8px 20px #1f93ff40}.auth-form-area{justify-content:center;align-items:center;padding:0 1.25rem 2.5rem;display:flex}@media (min-width:1024px){.auth-form-area{padding:2rem 3rem 4rem 2rem}}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #ffffffd9;border-radius:20px;width:100%;max-width:28rem;box-shadow:0 24px 60px #0f172a14,inset 0 1px #ffffffe6}.auth-card-header{padding:2rem 2rem .5rem}.auth-card-title{letter-spacing:-.025em;color:var(--color-text-primary);font-size:1.65rem;font-weight:800}.auth-card-subtitle{color:var(--color-text-secondary);margin-top:.5rem;font-size:.92rem;line-height:1.55}.auth-card-body{padding:1.25rem 2rem 2rem}.auth-mobile-hero{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border:1px solid #1f93ff26;border-radius:16px;margin-bottom:1.25rem;padding:1rem 1.1rem;display:block}@media (min-width:1024px){.auth-mobile-hero{display:none}}.auth-mobile-hero p{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.auth-mobile-hero strong{color:var(--color-text-primary);margin-bottom:.25rem;font-size:.95rem;font-weight:700;display:block}.auth-divider{color:var(--color-text-muted);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--color-border-light);flex:1;height:1px}.auth-field label{color:var(--color-text-primary);margin-bottom:.4rem;font-size:.875rem;font-weight:600;display:block}.auth-submit{color:#fff;background:linear-gradient(135deg,#1f93ff 0%,#1b6fe0 100%);border-radius:12px;width:100%;margin-top:.25rem;padding:.7rem 1rem;font-size:.95rem;font-weight:700;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 10px 24px #1f93ff47}.auth-submit:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 14px 28px #1f93ff57}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-footer-link{color:var(--color-primary);font-weight:600;transition:color .16s}.auth-footer-link:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-info-box{color:var(--color-text-secondary);background:linear-gradient(135deg,#e8f4ffe6 0%,#fffc 100%);border:1px solid #1f93ff26;border-radius:12px;margin-bottom:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.55}.auth-consent{border:1px solid var(--color-border-light);background:#ffffffd9;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.85rem 1rem;display:flex}.auth-consent input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:.2rem}.auth-consent__text{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.55}.auth-consent__error{color:#dc2626;margin-top:.35rem;font-size:.75rem}