/* Hoov: an open courtyard, quiet light. No layout or authentication changes. */
.hoov-mark{display:inline-block;width:36px;height:36px;flex:0 0 auto;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}
.brand .hoov-mark{color:var(--primary);width:36px;height:36px}
.login-story .brand .hoov-mark{width:42px;height:42px;color:var(--lime)}
.login-form-wrap .welcome-sticker{transform:none;background:transparent;border:0;border-radius:0}
.welcome-sticker .hoov-mark{width:45px;height:45px;color:var(--forest)}
.hero-graphic>.hoov-mark{position:absolute;right:3px;bottom:4px;width:68px;height:68px;color:#9075bc;transform:rotate(12deg);stroke-width:2}
.load-state{display:flex;align-items:center;gap:12px}
.load-state .hoov-mark{width:25px;height:25px;stroke-width:2.3;color:var(--forest)}
/* Very low-contrast animated ambient light. CSS-only motion; reduced-motion and calm mode stay honored. */
.login-story{isolation:isolate;background:#1d372b}
.login-story>.brand,.login-story>.story-main,.login-story>.story-footer{position:relative;z-index:1}
.login-ambient{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.ambient-orb{position:absolute;width:120%;height:82%;border-radius:50%;filter:blur(54px);will-change:transform;transform-origin:center;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.ambient-orb.light{left:-42%;top:-12%;background:radial-gradient(ellipse,rgba(111,135,88,.09) 0%,rgba(91,119,81,.03) 42%,transparent 70%);animation-name:hoov-light;animation-duration:26s;animation-delay:-8s}
.ambient-orb.moss{right:-50%;bottom:-15%;background:radial-gradient(ellipse,rgba(71,117,95,.105) 0%,rgba(53,95,77,.035) 42%,transparent 72%);animation-name:hoov-moss;animation-duration:30s;animation-delay:-17s}
.ambient-orb.sage{left:8%;top:25%;width:100%;height:85%;background:radial-gradient(ellipse,rgba(110,126,75,.065) 0%,rgba(74,101,70,.022) 46%,transparent 73%);animation-name:hoov-sage;animation-duration:22s;animation-delay:-4s}
@keyframes hoov-light{from{transform:translate3d(-5%,-6%,0) scale(.93)}to{transform:translate3d(35%,30%,0) scale(1.13)}}
@keyframes hoov-moss{from{transform:translate3d(8%,12%,0) scale(1.1)}to{transform:translate3d(-33%,-31%,0) scale(.94)}}
@keyframes hoov-sage{from{transform:translate3d(-17%,9%,0) scale(.95)}to{transform:translate3d(12%,-25%,0) scale(1.08)}}
.login-shell[hidden] .ambient-orb{animation-play-state:paused;will-change:auto}
.story-footer{gap:18px;min-height:54px}
.reflekt-logo{display:block;width:132px;height:auto;flex:0 0 auto;object-fit:contain}
@media(max-width:960px){.story-footer{gap:12px;flex-wrap:wrap}.reflekt-logo{width:116px}}
@media(max-width:700px){
 .login-story .brand .hoov-mark{width:34px;height:34px}
 .ambient-orb{filter:blur(26px)}
 .story-footer{display:flex;gap:12px;margin-top:5px;padding-top:16px;min-height:40px;flex-wrap:nowrap;align-items:center}
 .story-footer>span{font-size:10px;line-height:1.5;max-width:175px}
 .reflekt-logo{width:108px;height:auto}
}
@media(max-width:360px){.story-footer>span{max-width:140px;font-size:9px}.reflekt-logo{width:98px}}
@media(prefers-reduced-motion:reduce){.ambient-orb{animation:none!important;will-change:auto}}
:root[data-calm=true] .ambient-orb{animation:none!important;will-change:auto}