:root{--ink:#171614;--paper:#fffaf1;--cream:#f7efdf;--orange:#ff4b08;--yellow:#ffc928;--muted:#928a7e;font-family:Arial,Helvetica,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:var(--paper)}.login-story{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,58px);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.login-story:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#ffffff15 .8px,transparent .9px);background-size:23px 23px;mask-image:linear-gradient(130deg,#000,transparent 82%);pointer-events:none}.login-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:max-content}.login-brand img{width:48px;height:48px;object-fit:contain;background:var(--paper);border-radius:13px;padding:5px}.login-brand span{font-weight:900;font-size:12px;line-height:1.28;letter-spacing:.08em}.login-brand small{font-size:8px;color:#a8a094;font-weight:500;letter-spacing:.16em}.story-content{position:relative;z-index:1;width:min(100%,740px);margin:auto 0;padding:65px 0 45px}.login-kicker{display:flex;align-items:center;gap:10px;font:700 9px/1.4 'Courier New',monospace;letter-spacing:.18em;color:var(--orange)}.login-kicker i{width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 5px #ff4b0822}.story-content h1{font:950 clamp(52px,7.1vw,100px)/.88 Impact,'Arial Black',sans-serif;letter-spacing:-.035em;margin:23px 0 18px}.story-content h1 em{color:var(--orange);font-style:normal}.story-content>p{max-width:440px;color:#c2bbb0;font-size:14px;line-height:1.7}.story-board{width:min(100%,580px);margin:34px 0 0;padding:15px;border:1px solid #ffffff3a;border-radius:17px;background:#ffffff08;transform:rotate(-1deg);animation:board-arrive .7s cubic-bezier(.2,.8,.2,1) both}.board-top,.board-foot{display:flex;justify-content:space-between;align-items:center;color:#a49b8f;font:700 8px 'Courier New',monospace;letter-spacing:.13em}.board-top{padding:2px 2px 13px}.board-top span:last-child{color:var(--orange);font-size:17px}.board-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.board-card{min-height:126px;padding:13px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #171614;border-radius:9px;color:var(--ink);box-shadow:3px 4px 0 #0007;transition:transform .25s}.board-card:hover{transform:translateY(-5px) rotate(1deg)}.board-card small{font:700 7px 'Courier New',monospace;letter-spacing:.1em}.board-card b{font:900 clamp(16px,2vw,24px)/.9 Impact,'Arial Black',sans-serif}.board-card span{align-self:flex-end;font-size:16px}.board-yellow{background:var(--yellow)}.board-cream{background:var(--paper)}.board-orange{background:var(--orange);color:#fff}.board-foot{padding:13px 2px 0}.story-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;padding-top:16px;border-top:1px solid #ffffff2b;color:#8f887d;font:700 8px 'Courier New',monospace;letter-spacing:.1em}.story-bottom a{color:var(--paper);transition:color .2s}.story-bottom a:hover{color:var(--yellow)}.login-access{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,4vw,58px);background:var(--paper);background-image:radial-gradient(#17161412 .8px,transparent .9px);background-size:22px 22px}.access-top,.access-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 8px 'Courier New',monospace;letter-spacing:.12em;color:#81796d}.secure{display:flex;align-items:center;gap:6px}.secure i{display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#e5f0d9;color:#426c2c;font-style:normal}.access-card{width:min(100%,410px);margin:auto;animation:card-arrive .55s .1s both}.access-symbol{display:grid;place-items:center;width:55px;height:55px;margin-bottom:30px;border-radius:17px;background:var(--orange);color:white;font-size:33px;box-shadow:4px 5px 0 var(--ink);animation:sparkle 5s linear infinite}.access-card h2{margin:10px 0 12px;font:950 clamp(43px,5vw,65px)/.88 Impact,'Arial Black',sans-serif;letter-spacing:-.04em;text-transform:uppercase}.access-copy{max-width:360px;margin:0;color:#777064;font-size:13px;line-height:1.7}.google-button{width:100%;min-height:58px;margin-top:27px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:13px;border:1.5px solid var(--ink);border-radius:11px;background:var(--orange);color:#fff;font-size:13px;font-weight:900;box-shadow:4px 5px 0 var(--ink);transition:transform .2s,box-shadow .2s,filter .2s}.google-button:hover{transform:translate(2px,2px);box-shadow:1px 2px 0 var(--ink);filter:brightness(.98)}.google-button:active{transform:translate(4px,5px);box-shadow:none}.google-button:disabled{opacity:.7;cursor:wait}.google-g{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#fff;color:#4285f4;font:900 17px Arial}.google-button>b{margin-left:auto;font-size:17px}.login-status{min-height:34px;padding:12px 1px 0;color:#777064;font:500 10px/1.5 'Courier New',monospace}.login-status.is-error{color:#bd2b24}.access-divider{display:flex;align-items:center;gap:10px;margin:21px 0;color:#a29a8e;font:700 7px 'Courier New',monospace;letter-spacing:.09em;white-space:nowrap}.access-divider span{height:1px;flex:1;background:#17161425}.access-help{display:flex;gap:12px;padding:14px;border:1px solid #17161425;border-radius:12px;background:#f4ecde}.help-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #17161430;border-radius:50%;color:var(--orange);font-size:18px}.access-help p{margin:0;color:#777064;font-size:10px;line-height:1.65}.access-help b{color:var(--ink)}.access-bottom{padding-top:17px;border-top:1px solid #17161424}.access-bottom a{font-weight:900;color:var(--ink);transition:color .2s}.access-bottom a:hover{color:var(--orange)}@keyframes card-arrive{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes board-arrive{from{opacity:0;transform:translateY(16px) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}@keyframes sparkle{50%{transform:rotate(90deg)}}@media(max-width:850px){.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:22px 24px}.story-content{padding:60px 0 35px}.story-content h1{font-size:clamp(52px,10vw,80px)}.story-board{margin-top:24px}.board-card{min-height:100px}.story-bottom{padding-top:13px}.login-access{min-height:650px;padding:25px 24px 20px}.access-card{padding:44px 0}.access-top,.access-bottom{font-size:7px}}@media(max-width:440px){.login-story{padding:18px}.login-brand img{width:40px;height:40px}.story-content{padding:50px 0 30px}.story-content h1{font-size:52px}.story-content>p{font-size:12px}.board-card{min-height:85px;padding:9px}.board-grid{gap:6px}.board-card b{font-size:16px}.story-bottom{font-size:7px}.login-access{min-height:570px;padding:18px}.access-card{padding:35px 0}.access-card h2{font-size:47px}.google-button{min-height:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.password-login{display:grid;gap:12px;margin-top:16px}.password-login[hidden]{display:none}.password-login label{display:grid;gap:6px;color:#5e584f;font:700 10px 'Courier New',monospace;letter-spacing:.04em}.password-login input{height:46px;padding:0 13px;border:1px solid #17161445;border-radius:9px;background:#fffdf8;color:var(--ink);font:13px Arial}.password-login .google-button{margin-top:2px}.text-link{justify-self:start;padding:4px 0;border:0;background:transparent;color:#655d52;font-size:10px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.text-link:hover{color:var(--orange)}