.topbar{display:grid!important;grid-template-columns:1fr auto 1fr!important;justify-content:normal!important}.topbar .brand{justify-self:start}.topbar-place{justify-self:center;color:#d8e9e7;font:500 1rem Georgia,serif;letter-spacing:.02em}.topbar .account{justify-self:end}@media(max-width:720px){.topbar{grid-template-columns:1fr auto!important;padding-inline:16px!important}.topbar-place{grid-column:1/-1;grid-row:2;align-self:start;margin-top:-18px;font-size:.72rem}}
:root{--ink:#102f3a;--muted:#64777d;--paper:#f5f3ee;--white:#fff;--teal:#147d7e;--line:#dbe4e2}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
body{margin:0}
.topbar{height:76px;background:#092d3e;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px)}
.brand{color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em}
.brand span{color:#8ad1c8;font-weight:600}
.account{display:flex;gap:20px;align-items:center;font-size:.9rem}
.account a{color:#bcd9d5}
.shell{max-width:1180px;margin:auto;padding:54px 24px}
.welcome{position:relative}
.welcome h1{font-family:Georgia,serif;font-size:clamp(2.8rem,7vw,5.6rem);font-weight:500;line-height:.95;margin:.18em 0}
.welcome>p:not(.eyebrow){font-size:1.15rem;color:var(--muted)}
.eyebrow{color:var(--teal);font-size:.72rem;font-weight:850;letter-spacing:.17em}
.pulse{position:absolute;right:0;top:20px;font-size:.82rem;color:var(--muted)}
.pulse span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#38a46f;margin-right:7px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:44px 0 54px;padding:24px 0}
.stats div{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid var(--line)}
.stats div:first-child{padding-left:0;border:0}
.stats strong{font-size:1.7rem}
.stats span{font-size:.8rem;color:var(--muted)}
.section-title h2{font-family:Georgia,serif;font-size:2rem;font-weight:500;margin:.2em 0 24px}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.app-card{background:var(--white);border:1px solid var(--line);border-radius:18px;color:var(--ink);min-height:260px;padding:28px;text-decoration:none;position:relative;overflow:hidden;transition:.2s}
.app-card:after{content:"";height:5px;background:var(--accent);position:absolute;bottom:0;left:0;right:0}
.app-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #092d3e12}
.app-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:900;font-size:1.25rem}
.app-kicker{color:var(--accent);display:block;font-size:.68rem;font-weight:850;letter-spacing:.14em;margin-top:25px}
.app-card h3{font:500 1.7rem Georgia,serif;margin:7px 0}
.app-card p{color:var(--muted);margin:0 0 24px}
.app-card b{color:var(--accent);font-size:.85rem}
.app-card b span{font-size:1.2rem;margin-left:5px}
.privacy{background:#e7efec;border-radius:16px;margin-top:30px;padding:22px}
.privacy>div{display:flex;align-items:center;gap:16px}
.privacy p{color:var(--muted);margin:3px 0}
.shield{background:var(--teal);color:#fff;border-radius:50%;display:grid;place-items:center;width:40px;height:40px}
footer{text-align:center;color:#879497;font-size:.78rem;padding:25px}
.login-page{background:#092d3e;min-height:100vh}
.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}
.login-intro{color:#fff;padding:clamp(45px,9vw,120px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}
.login-intro h1{font:500 clamp(3rem,7vw,6rem)/.95 Georgia,serif;max-width:760px;margin:.25em 0}
.login-intro>p:not(.eyebrow){color:#bfd2d5;font-size:1.15rem;max-width:560px}
.login-mark{position:absolute;right:-70px;bottom:-120px;border:1px solid #ffffff1b;border-radius:50%;width:400px;height:400px;display:grid;place-items:center;font:500 12rem Georgia,serif;color:#ffffff0a}
.login-card{background:#fff;padding:clamp(40px,8vw,110px);display:flex;flex-direction:column;justify-content:center}
.login-card h2{font:500 2.5rem Georgia,serif;margin:.15em 0}
.login-card>p{color:var(--muted)}
.login-card form{max-width:440px;margin-top:24px}
.login-card label{display:block;font-size:.78rem;font-weight:750;margin-bottom:16px}
.login-card input[type=email],.login-card input[type=password]{display:block;width:100%;border:1px solid #cbd7d7;border-radius:9px;font:inherit;margin-top:6px;padding:14px}
.login-card .remember{display:flex;gap:8px;align-items:center;font-weight:500}
.login-card button{background:var(--teal);border:0;border-radius:9px;color:#fff;font-weight:800;padding:15px;width:100%;cursor:pointer}
.alert{background:#fff0ee;border:1px solid #efb7af;color:#8a2f25;border-radius:8px;padding:12px;margin-top:14px}
@media(max-width:720px){.pulse{position:static;margin-top:20px}
.app-grid{grid-template-columns:1fr}
.login-shell{grid-template-columns:1fr}
.login-intro{min-height:42vh}
.login-card{min-height:58vh}
.account span{display:none}
}