.login-hero-page{background-color:var(--color-bg-primary,#0d1017);width:100%;min-height:100vh;color:var(--color-text-primary,#f7f6f2);font-family:var(--font-sans);position:relative;overflow-x:hidden}.hero-section{background-color:var(--color-bg-primary,#0d1017);background-image:radial-gradient(circle at 72% 45%, var(--color-bg-surface,#262b3d) 0%, var(--color-bg-secondary,#171a23) 55%, var(--color-bg-primary,#0d1017) 100%);box-sizing:border-box;justify-content:center;align-items:center;height:100vh;min-height:100vh;padding:8px 0 0;display:flex;position:relative}.hero-section:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-accent-gold,#c9a961) 18%, var(--color-accent-gold,#c9a961) 82%, transparent 100%);z-index:10;height:2px;position:absolute;bottom:0;left:0;right:0}.hero-inner{grid-template-columns:1.15fr .85fr;align-items:center;gap:32px;width:100%;max-width:1240px;height:100%;margin:0 auto;padding:0 32px;display:grid}.hero-text{flex-direction:column;align-self:center;padding-bottom:8px;display:flex}.hero-text .mark{width:auto;height:44px;filter:drop-shadow(0 0 16px var(--color-accent-gold-glow,#c9a9614d));align-self:flex-start;margin-bottom:10px}.mark-fallback{border-radius:var(--radius-xl);background:var(--color-accent-gold-glow,#c9a96126);border:1px solid var(--color-border-accent,#c9a96159);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.hero-text .wordmark{color:var(--color-text-primary,#f7f6f2);letter-spacing:.05em;margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(25px,3.2vw,42px);font-weight:600;line-height:1.1}.hero-text .divider{background:linear-gradient(90deg, transparent 0%, var(--color-accent-gold,#c9a961) 25%, var(--color-accent-gold,#c9a961) 75%, transparent 100%);border:none;width:90px;height:2px;margin:10px 0}.hero-text .kicker{color:var(--color-text-secondary,#9fb0c9);letter-spacing:.16em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:600}.hero-text .lawyer-name{color:var(--color-text-primary,#f7f6f2);letter-spacing:.01em;margin:4px 0 0;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:500}.hero-text .oab{color:var(--color-text-secondary,#9fb0c9);letter-spacing:.02em;margin:2px 0 0;font-size:13px}.login-form-box{border-radius:var(--radius-xl,16px);background:var(--color-bg-secondary,#171a23d9);-webkit-backdrop-filter:blur(24px);border:1px solid var(--color-border-accent,#c9a96159);width:100%;max-width:440px;box-shadow:var(--shadow-xl), 0 0 35px var(--color-accent-gold-glow,#c9a9611a), inset 0 1px 0 #ffffff0d;margin-top:12px;padding:16px 22px}.login-form-box__header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.login-form-box__icon{color:var(--color-accent-gold,#c9a961)}.login-form-box__tag{text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-gold,#c9a961);font-size:11px;font-weight:600}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary,#9fb0c9);font-size:11px;font-weight:500}.login-input{border-radius:var(--radius-md,8px);border:1px solid var(--color-border-default,#9fb0c933);background:var(--color-bg-primary,#0d101799);width:100%;color:var(--color-text-primary,#f7f6f2);font-size:13px;font-family:var(--font-sans);outline:none;padding:10px 14px;transition:all .2s}.login-input:focus{border-color:var(--color-accent-gold,#c9a961);box-shadow:0 0 14px var(--color-accent-gold-glow,#c9a96133), 0 0 0 2px var(--color-accent-gold-glow,#c9a9611a);background:var(--color-bg-primary,#0d1017e6)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input::placeholder{color:var(--color-text-muted,#6b6f78)}.login-input-wrapper{position:relative}.login-input--has-action{padding-right:40px}.login-eye-btn{width:26px;height:26px;color:var(--color-text-secondary,#9fb0c9);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;transition:color .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-eye-btn:hover{color:var(--color-text-primary,#f7f6f2)}.login-error{border-radius:var(--radius-md);color:#f87171;background:#f871711a;border:1px solid #f871714d;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.login-submit{border-radius:var(--radius-md,8px);background:linear-gradient(135deg, var(--color-accent-gold-dim,#a8893e), var(--color-accent-gold,#c9a961), var(--color-accent-gold-bright,#e0c060));width:100%;color:var(--color-bg-primary,#0d1017);font-size:13px;font-weight:700;font-family:var(--font-sans);letter-spacing:.04em;cursor:pointer;box-shadow:0 4px 14px var(--color-accent-gold-glow,#c9a96140);border:none;justify-content:center;align-items:center;gap:8px;margin-top:2px;padding:12px 20px;transition:all .2s;display:flex}.login-submit:hover:not(:disabled){box-shadow:0 6px 20px var(--color-accent-gold-glow,#c9a96166);transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.7;cursor:not-allowed}.login-spinner{color:var(--color-bg-primary,#0d1017);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-dev-hint{border-radius:var(--radius-md);background:#60a5fa14;border:1px solid #60a5fa33;margin-top:14px;padding:10px 12px}.login-dev-hint__title{color:#60a5fa;margin-bottom:6px;font-size:10px;font-weight:600}.login-dev-hint__row{justify-content:space-between;gap:8px;margin-bottom:3px;display:flex}.login-dev-hint__row:last-child{margin-bottom:0}.login-dev-hint__row code{font-family:var(--font-mono);color:var(--color-text-secondary);background:#0d1017cc;border-radius:4px;padding:2px 6px;font-size:10px}.login-footer{color:var(--color-text-muted,#6b6f78);margin-top:10px;font-size:11px}.hero-photo-wrap{justify-content:flex-end;align-self:flex-end;align-items:flex-end;height:100%;display:flex}.hero-photo-wrap img{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 16px 32px #000000a6);width:auto;max-width:100%;height:calc(100vh - 40px);max-height:490px}@media (min-width:861px){.hero-section{height:100vh;max-height:100vh;padding:8px 0 0;overflow:hidden}.hero-inner{align-items:flex-end;height:100%}.hero-text{align-self:center;padding-bottom:12px}.hero-photo-wrap{align-self:flex-end;height:100%}}@media (max-width:860px){.login-hero-page{min-height:100dvh}.hero-section{-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;padding:24px 0 40px;overflow-y:auto}.hero-inner{text-align:center;grid-template-columns:1fr;gap:32px;height:auto;padding:0 20px}.hero-text{order:1;align-items:center;width:100%;padding-bottom:0}.hero-text .mark{align-self:center;height:48px;margin-bottom:12px}.hero-text .wordmark{font-size:clamp(24px,7vw,36px);line-height:1.15}.hero-text .divider{width:80px;margin:12px auto}.hero-text .kicker{letter-spacing:.14em;font-size:10px}.hero-text .lawyer-name{font-size:18px}.hero-text .oab{font-size:12px}.login-form-box{text-align:left;border-radius:var(--radius-xl,16px);max-width:100%;margin-top:20px;padding:20px 18px}.login-input{min-height:48px;padding:12px 14px;font-size:16px}.login-submit{min-height:48px;font-size:15px}.hero-photo-wrap{border-top:1px solid var(--color-border-accent,#c9a96133);background:radial-gradient(at 50% 100%, var(--color-bg-surface,#262b3d66), transparent 75%);order:2;justify-content:center;align-items:flex-end;margin-top:10px;padding-top:20px}.hero-photo-wrap img{filter:drop-shadow(0 10px 24px #00000080);max-width:220px;height:auto;max-height:280px}}@media (max-width:480px){.hero-section{padding:16px 0 30px}.hero-inner{padding:0 16px}.login-form-box{padding:16px 14px}.hero-photo-wrap img{max-width:190px;max-height:240px}}