:root{--plum:#4a2537;--ink:#321825;--orange:#c76847;--cream:#fff8f0;--paper:#fffdf9;--peach:#f7dfd0;--line:#e8cdbd;--muted:#735f69}
*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{min-height:100dvh;margin:0;background:radial-gradient(circle at 88% 7%,#f5c7ae 0,transparent 25rem),linear-gradient(180deg,#fff8f0,#fffdf9)}
.skip-link{position:fixed;left:1rem;top:-5rem;z-index:20;padding:.75rem 1rem;border-radius:.7rem;background:#fff;color:var(--plum);font-weight:800}.skip-link:focus{top:1rem}
.login-header,.login-footer{width:min(calc(100% - 2rem),92rem);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.login-header{min-height:5.5rem;padding:max(1rem,env(safe-area-inset-top)) 0 1rem}.login-brand{display:flex;align-items:center;gap:.7rem;color:var(--plum);font:800 1.35rem/1 Georgia,serif;text-transform:none;letter-spacing:-.02em;text-decoration:none}.login-brand img{width:2.8rem;height:2.8rem}
.login-shell{width:min(calc(100% - 2rem),92rem);margin:auto;padding:clamp(1rem,3vw,3rem) 0 4rem}.login-card{min-height:min(42rem,calc(100dvh - 12rem));display:grid;grid-template-columns:minmax(0,1.12fr) minmax(23rem,.88fr);overflow:hidden;border:1px solid var(--line);border-radius:clamp(1.5rem,4vw,3rem);background:var(--paper);box-shadow:0 2rem 6rem #4a253714}.login-copy{padding:clamp(2rem,6vw,6.5rem);display:flex;flex-direction:column;justify-content:center}.login-kicker{margin:0 0 1rem;color:var(--orange);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.13em}.login-copy h1{max-width:11ch;margin:0;font:650 clamp(3.25rem,6.2vw,6.5rem)/.92 Georgia,serif;letter-spacing:-.06em}.login-lead{max-width:45rem;margin:1.6rem 0;color:var(--muted);font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65}.google-login{width:min(100%,28rem);min-height:4rem;margin-top:.5rem;padding:.8rem 1.1rem;display:grid;grid-template-columns:1.65rem 1fr auto;align-items:center;gap:1rem;border:1px solid #d4c7cc;border-radius:1rem;background:#fff;color:var(--ink);box-shadow:0 .7rem 1.8rem #4a253710;font-weight:850;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.google-login:hover{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 1rem 2.2rem #4a253718}.google-login:focus-visible{outline:.2rem solid #346ec9;outline-offset:.2rem}.google-login svg{width:1.65rem}.google-login b{color:var(--orange);font-size:1.35rem}.login-note{max-width:34rem;margin:1.25rem 0 0;color:var(--muted);font-size:.88rem;line-height:1.55}.login-note strong{color:var(--plum)}
.login-visual{padding:clamp(2rem,5vw,5rem);display:grid;place-items:center;align-content:center;gap:1.5rem;text-align:center;background:linear-gradient(155deg,#f8e1d3,#f3cdb8);color:var(--muted)}.breath-mark{position:relative;width:min(23rem,29vw);aspect-ratio:1;display:grid;place-items:center;border:1px solid #d99e7b;border-radius:50%;background:#fff8f0}.breath-mark:before,.breath-mark:after{content:"";position:absolute;border:1px solid #d99e7b;border-radius:50%;inset:15%}.breath-mark:after{inset:31%;background:#fff}.breath-mark img{position:relative;z-index:2;width:29%}.breath-mark i{position:absolute;width:1.2rem;height:1.2rem;border:.28rem solid #fff;border-radius:50%;background:var(--orange)}.breath-mark i:nth-of-type(1){top:12%;right:17%}.breath-mark i:nth-of-type(2){bottom:12%;left:22%;background:#7b5d6c}.breath-mark i:nth-of-type(3){bottom:26%;right:4%;background:#e4a477}.module-list{max-width:28rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.module-list span{padding:.55rem .8rem;border:1px solid #dcae95;border-radius:99rem;background:#fff9;color:var(--plum);font-size:.75rem;font-weight:850}.login-visual p{max-width:22rem;margin:0;font:650 1.4rem/1.2 Georgia,serif;color:var(--plum)}
.privacy-note{margin-top:1rem;padding:1.1rem 1.3rem;display:flex;align-items:start;gap:.75rem;border-left:.3rem solid var(--orange);border-radius:.8rem;background:#fff0e4}.privacy-note p{margin:0;color:var(--muted);line-height:1.5}.login-footer{padding:1.5rem 0 max(2.5rem,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.login-footer a{color:var(--plum);font-weight:800;text-transform:none;letter-spacing:0}
@media(max-width:860px){.login-card{grid-template-columns:1fr}.login-copy{padding:clamp(1.5rem,7vw,4rem)}.login-visual{display:none}.login-copy h1{font-size:clamp(3rem,12vw,5rem)}}
@media(max-width:560px){.login-header,.login-shell,.login-footer{width:min(calc(100% - 1.25rem),92rem)}.login-header{min-height:4.5rem}.login-card{min-height:0}.login-copy{padding:1.5rem}.login-copy h1{font-size:clamp(2.85rem,14vw,4.3rem)}.google-login{min-height:3.7rem}.privacy-note{display:block}.privacy-note p{margin-top:.35rem}.login-footer{align-items:flex-start;flex-direction:column}}

/* Google Identity Services lives inside the branded StoMale access card. */
.google-login{padding:0;display:flex;grid-template-columns:none;align-items:center;border:0;background:transparent;box-shadow:none;overflow:visible}
.google-login:hover{transform:none;border-color:transparent;box-shadow:none}
.google-login>div{width:100%!important}
.google-login iframe{min-height:4rem!important;border-radius:1rem!important}
.login-status{max-width:28rem;margin:.7rem 0 0;color:var(--muted);font-size:.8rem;line-height:1.4}
.login-status[data-error="true"]{color:#9b3e2e;font-weight:750}