.login-page{--forest:#123c33;--on-forest:#f6f1e8;--ivory:#f6f1e8;--card:#fcfaf5;--cream:#e8dfc9;--field:#d9cfb8;--ink:#1f2421;--ink-muted:#5c605d;--orange:#ff6b3d;--orange-deep:#c2410c;--orange-pale:#ffe3d6;--orange-line:#f4c9b8;--danger:#8f2f08;background:var(--ivory);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}.login-page *{box-sizing:border-box}.login-page :focus-visible{outline:2px solid var(--orange);outline-offset:2px}.login-page .brand-panel{background:var(--forest);color:var(--on-forest);flex-direction:column;justify-content:space-between;gap:clamp(16px,3vh,32px);padding:clamp(28px,5vh,48px) clamp(32px,4.5vw,64px);display:flex;position:relative;overflow:hidden}.login-page .brand-head{z-index:2;align-items:flex-start;gap:14px;display:flex;position:relative}.login-page .brand-logo{width:auto;height:52px;display:block}.login-page .beta{background:var(--orange);color:var(--ink);letter-spacing:.14em;border-radius:6px;margin-top:4px;padding:4px 8px;font-size:10px;font-weight:800}.login-page .stage{flex:1;justify-content:center;align-items:center;min-height:220px;max-height:360px;display:flex;position:relative}.login-page .ring{opacity:0;border:1px solid #f6f1e880;border-radius:50%;width:380px;height:380px;animation:8s cubic-bezier(.2,.6,.2,1) infinite lg-ring;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.55)}.login-page .ring:nth-child(2){animation-delay:2s}.login-page .ring:nth-child(3){animation-delay:4s}.login-page .ring:nth-child(4){animation-delay:6s}.login-page .ring.accent{border-color:#ff6b3db3}@keyframes lg-ring{0%{opacity:0;transform:translate(-50%,-50%)scale(.55)}15%{opacity:.55}to{opacity:0;transform:translate(-50%,-50%)scale(1.2)}}.login-page .halo{background:#f6f1e808;border:1px solid #f6f1e814;border-radius:50%;width:300px;height:300px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.login-page .float-card{background:var(--card);width:min(420px,100%);color:var(--ink);border-radius:22px;animation:6s ease-in-out infinite lg-float;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #0009}@keyframes lg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-page .fc-head{border-bottom:1px solid #efe8d8;align-items:center;gap:10px;padding:16px 18px;display:flex}.login-page .fc-ico{width:30px;height:30px;color:var(--forest);background:#e7efe9;border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.login-page .fc-title{flex-direction:column;flex:1;min-width:0;line-height:1.3;display:flex}.login-page .fc-title b{font-size:13px}.login-page .fc-title span{color:var(--ink-muted);font-size:11px}.login-page .fc-ok{color:#256a4c;white-space:nowrap;background:#e4f3ea;border-radius:999px;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.login-page .fc-src{color:var(--ink-muted);align-items:center;gap:12px;padding:16px 18px 6px;font-size:15px;display:flex}.login-page .fc-arrow{color:var(--orange-deep);padding:0 18px;display:flex}.login-page .fc-out{height:54px;color:var(--forest);letter-spacing:-.01em;margin:0 18px 16px;font-size:19px;font-weight:800;position:relative}.login-page .cyc{opacity:0;align-items:center;gap:12px;animation:10s ease-in-out infinite lg-cyc;display:flex;position:absolute;inset:0}@keyframes lg-cyc{0%{opacity:0;transform:translateY(10px)}5%,22%{opacity:1;transform:none}27%,to{opacity:0;transform:translateY(-10px)}}.login-page .flag{width:22px;height:15px}.login-page .brand-pitch{z-index:2;flex-direction:column;gap:clamp(12px,2.2vh,22px);max-width:600px;display:flex;position:relative}.login-page .eyebrow{letter-spacing:.14em;color:#ff8a63;font-size:12px;font-weight:800}.login-page .brand-pitch h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(32px,min(3.4vw,5.6vh),48px);font-weight:800;line-height:1.05}.login-page .brand-pitch h1 span{color:#ff8a63}.login-page .promises{color:#f6f1e8d6;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:grid}.login-page .promises li{flex-direction:column;gap:8px;display:flex}.login-page .p-ico{color:#ff8a63;background:#f6f1e81a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.login-page .brand-foot{color:#f6f1e8b3;border-top:1px solid #f6f1e81f;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:18px;font-size:12px;display:flex}.login-page .form-side{justify-content:center;align-items:safe center;padding:clamp(20px,4vh,64px) clamp(20px,3vw,48px);display:flex}.login-page .form-wrap{flex-direction:column;gap:clamp(16px,3vh,28px);width:100%;max-width:400px;display:flex}.login-page .form-title{flex-direction:column;gap:10px;display:flex}.login-page .form-title h2{letter-spacing:-.03em;color:var(--forest);margin:6px 0 0;font-size:clamp(28px,4.2vh,34px);font-weight:800;line-height:1.1}.login-page .muted{color:var(--ink-muted);margin:0;font-size:15px;line-height:1.55}.login-page .card{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:clamp(14px,2.4vh,22px);display:flex;overflow:visible}.login-page form{flex-direction:column;gap:clamp(12px,2vh,16px);margin:0;display:flex}.login-page .field{border:0;flex-direction:column;gap:7px;padding:0;display:flex}.login-page label{color:var(--forest);font-size:13px;font-weight:700}.login-page .input-wrap{position:relative}.login-page .in-ico{color:var(--ink-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-page input:not([type=hidden]){border:1px solid var(--field);background:var(--card);width:100%;height:clamp(44px,5.6vh,50px);color:var(--ink);font:400 15px var(--font-manrope),"Manrope",sans-serif;border-radius:12px;outline:none;padding:0 16px 0 46px;transition:border-color .15s,box-shadow .15s}.login-page input::placeholder{color:#a3a69f}.login-page input:focus{border-color:var(--forest);box-shadow:0 0 0 4px #123c331a}.login-page input[aria-invalid=true]{border-color:var(--orange-deep);box-shadow:0 0 0 3px #ff6b3d2e}.login-page #password{padding-right:54px}.login-page .password-toggle{width:38px;height:38px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.login-page .password-toggle:hover{color:var(--forest);background:#e7efe9}.login-page .hint{color:var(--ink-muted);margin:0;font-size:13px;font-weight:400;line-height:1.5}.login-page .centered{text-align:center}.login-page .submit{background:var(--orange);width:100%;height:clamp(46px,6vh,54px);color:var(--ink);font:800 15px var(--font-manrope),"Manrope",sans-serif;cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-top:4px;transition:background .15s,transform .1s;display:flex;box-shadow:inset 0 1px #ffffff59,0 14px 28px -12px #ff6b3de6}.login-page .submit:hover:not(:disabled){background:#ff7d55}.login-page .submit:active:not(:disabled){transform:scale(.99)}.login-page .submit:disabled{box-shadow:none;cursor:progress;background:#ffb59c}.login-page .spinner{border:2px solid #1f242140;border-top-color:var(--ink);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite lg-spin;display:none}.login-page .submit.is-loading .spinner{display:inline-block}.login-page .submit.is-loading .submit-arrow{display:none}@keyframes lg-spin{to{transform:rotate(360deg)}}.login-page .field-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.login-page .text-link{color:var(--forest);font:700 13px var(--font-manrope),"Manrope",sans-serif;text-decoration:underline;-webkit-text-decoration-color:var(--cream);text-decoration-color:var(--cream);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:4px 0}.login-page .text-link:hover{-webkit-text-decoration-color:var(--forest);text-decoration-color:var(--forest)}.login-page .forgot{color:var(--ink);background:#efe8d8;border-radius:12px;margin:0;padding:12px 14px;font-size:13px;font-weight:400;line-height:1.5}.login-page .google-block{flex-direction:column;gap:12px;display:flex}.login-page .eyebrow-muted{letter-spacing:.14em;color:var(--ink-muted);align-items:center;gap:12px;font-size:11px;font-weight:800;display:flex}.login-page .eyebrow-muted:before,.login-page .eyebrow-muted:after{content:"";background:var(--cream);flex:1;height:1px}.login-page .google-button{border:1px solid var(--field);background:var(--card);width:100%;height:clamp(46px,6vh,54px);color:var(--ink);font:700 15px var(--font-manrope),"Manrope",sans-serif;border-radius:14px;justify-content:center;align-items:center;gap:12px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.login-page .google-button:hover{border-color:var(--forest);box-shadow:0 4px 14px -6px #123c3333}.login-page .g-short{display:none}.login-page .error{background:var(--orange-pale);color:var(--danger);border-radius:14px;align-items:center;gap:10px;margin:0;padding:12px 14px;font-size:14px;font-weight:700;line-height:1.45;display:flex}.login-page .error svg{flex:none}.login-page [hidden]{display:none!important}@media (prefers-reduced-motion:reduce){.login-page .ring,.login-page .float-card,.login-page .spinner{animation:none}.login-page .ring{display:none}.login-page .cyc{opacity:0;animation:none;transform:none}.login-page .cyc:first-child{opacity:1}.login-page *{transition-duration:.01ms!important}}@media (max-width:920px){.login-page{grid-template-columns:minmax(0,1fr);min-height:100dvh}.login-page .brand-panel{gap:20px;padding:28px 32px 56px}.login-page .stage{min-height:200px}.login-page .promises,.login-page .brand-foot{display:none}.login-page .form-side{z-index:3;background:var(--ivory);border-radius:28px 28px 0 0;align-items:flex-start;margin-top:-28px;padding:28px 24px 32px;position:relative}}@media (max-width:640px){.login-page .brand-panel{gap:16px;padding:22px 20px 48px}.login-page .brand-logo{height:40px}.login-page .stage{flex:none;min-height:0;max-height:none}.login-page .halo,.login-page .fc-head,.login-page .fc-arrow{display:none}.login-page .ring{width:300px;height:300px}.login-page .float-card{border-radius:18px;width:100%}.login-page .fc-src{padding:12px 14px 2px;font-size:13px}.login-page .fc-out{height:36px;margin:2px 14px 10px;font-size:16px}.login-page .brand-pitch h1{font-size:28px}.login-page .form-side{padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.login-page .form-title .mark,.login-page .form-title .muted,.login-page .form-title h2 .long{display:none}.login-page .form-title h2{margin:0;font-size:26px}.login-page input:not([type=hidden]){height:50px;font-size:16px}.login-page .submit,.login-page .google-button{height:54px}.login-page .eyebrow-muted,.login-page .g-long{display:none}.login-page .g-short{display:inline}}@media (min-width:921px){.login-page{height:100dvh;overflow:hidden}.login-page .brand-panel{min-height:0}.login-page .form-side{min-height:0;overflow-y:auto}}
