*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--ui-font);background:var(--color-bg,#F0F0F0);color:var(--color-text,#0f172a)}.page{min-height:100vh;min-height:100dvh;width:100%;padding:0}.login-wrapper{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);background:transparent;border:0;border-radius:0}.intro{min-width:0;padding:48px clamp(32px,5vw,96px);background:transparent;color:var(--color-primary,#1d3b5c);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.brand{display:flex;align-items:center;justify-content:center;gap:18px;margin-bottom:32px;max-width:100%}.brand-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:transparent;font-size:var(--fs-20);flex-shrink:0}.brand-icon-img{width:100%;height:100%;object-fit:contain;display:block}.brand-name{min-width:0;font-size:clamp(24px,2.5vw,36px);font-weight:800;line-height:1.1;letter-spacing:-0.4px;white-space:nowrap}.intro h1{margin:0;max-width:560px;font-size:clamp(28px,3vw,40px);line-height:1.2;font-weight:800;letter-spacing:-1px;text-align:center}.login-panel{min-width:0;padding:32px clamp(28px,3vw,56px) 24px;display:grid;grid-template-rows:minmax(min-content,1fr) auto;background:#fff;border-left:1px solid var(--color-border)}.login-panel-content{width:min(390px,100%);margin:auto;padding:32px 0}.login-panel h2{margin:0 0 12px;font-size:var(--fs-28);color:var(--color-text,#0f172a);text-align:center;line-height:1.25}.login-subtitle{margin:0 0 24px;color:var(--color-text-muted,#64748b);font-size:var(--fs-body);line-height:1.6;text-align:center}.form-group{margin-bottom:18px}label{display:block;margin-bottom:7px;color:#334155;font-size:var(--fs-body);font-weight:700}input[type="email"],input[type="password"]{width:100%;padding:13px 14px;border:2px solid var(--color-border);border-radius:999px;outline:none;font-size:var(--fs-body-lg);color:var(--color-text,#0f172a);transition:border-color 0.2s ease,outline-color 0.2s ease}input[type="email"]:focus,input[type="password"]:focus{border-color:var(--color-primary,#3b82f6);outline:2px solid rgba(59,130,246,0.25);outline-offset:1px}.login-button{margin:8px auto 0}.guest-divider{display:flex;align-items:center;gap:12px;margin:25px 0 18px;color:var(--color-text-faint);font-size:var(--fs-caption)}.guest-divider::before,.guest-divider::after{content:"";height:1px;flex:1;background:var(--color-border)}.guest-button{margin:0 auto}.message{min-height:20px;margin-top:15px;font-size:var(--fs-13);line-height:1.5;text-align:center;color:var(--color-text,#0f172a)}.back-link{display:block;margin-top:22px;text-align:center;color:var(--color-text-muted,#64748b);font-size:var(--fs-13)}@media (max-width:760px){.login-wrapper{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.intro{padding:32px 24px 24px}.brand{gap:12px;margin-bottom:16px}.brand-icon{width:52px;height:52px}.brand-name{font-size:clamp(20px,5vw,26px)}.intro h1{font-size:clamp(20px,5vw,28px)}.login-panel{padding:24px 30px;border-left:0;border-top:1px solid var(--color-border)}}.login-footer{width:min(390px,100%);margin:0 auto;padding-top:20px;text-align:center;color:var(--color-text-faint);font-size:var(--fs-13);line-height:1.8}.login-footer .footer-brand-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;font-weight:800;color:#475569;font-size:var(--fs-body)}.login-footer .footer-tagline{color:var(--color-text-muted,#64748b)}.login-footer .footer-contact{font-weight:700}.login-footer .footer-contact a{color:var(--color-primary,#3b82f6);text-decoration:none}.login-footer .footer-copyright{margin-top:6px;color:#b6c0cf;font-size:var(--fs-caption)}@media (max-width:480px){.login-footer{font-size:var(--fs-caption)}}@media (max-width:480px){.intro{padding:28px 20px 22px}.login-panel{padding:24px 20px 20px}}.guest-auth-page .brand-icon,.login-wrapper .brand-icon{border-radius:var(--guest-radius-control,6px)}