.auth-screen{background:#f4f5f2;grid-template-columns:minmax(430px,44%) minmax(0,56%);min-height:100svh;display:grid}.auth-brand{isolation:isolate;color:#fff;background:#111312;flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(38px,4.2vw,72px);display:flex;position:relative;overflow:hidden}.auth-brand:before{content:"";z-index:-1;aspect-ratio:1;border:1px solid #c4ff4a14;border-radius:50%;width:min(38vw,620px);position:absolute;bottom:-24%;right:-22%;box-shadow:0 0 0 72px #c4ff4a05,0 0 0 144px #c4ff4a03}.auth-brand:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000,#0000002b);height:34%;position:absolute;inset:auto 0 0}.auth-wordmark{z-index:2;letter-spacing:.18em;font-size:30px;font-weight:950;position:relative}.auth-wordmark .grem-auth-logo{object-fit:contain;width:clamp(150px,11vw,198px);max-width:70%;height:auto;display:block}.auth-brand-copy{z-index:2;max-width:510px;margin-block:auto;padding:8vh 0 14vh;position:relative}.auth-brand-copy small{letter-spacing:.19em;color:#8e9690;font-size:clamp(10px,.7vw,12px);font-weight:850}.auth-brand-copy h1{letter-spacing:-.06em;gap:0;margin:22px 0 25px;font-size:clamp(48px,4.1vw,76px);font-weight:760;line-height:.94;display:grid}.auth-brand-copy h1 span{display:block}.auth-brand-copy h1 .auth-accent-line{color:#c8ff4a}.auth-brand-copy p{color:#adb4af;max-width:440px;margin:0;font-size:clamp(14px,1vw,17px);line-height:1.65}.auth-powered{z-index:2;color:#686f6a;letter-spacing:.13em;font-size:10px;font-weight:750;position:relative}.auth-content{place-items:center;min-width:0;padding:clamp(32px,5vw,88px);display:grid;position:relative}.auth-card{background:#fff;border:1px solid #dde1dc;border-radius:22px;width:min(480px,100%);padding:clamp(34px,3vw,48px);position:relative;box-shadow:0 24px 70px #151b1717,0 3px 12px #151b1709}.auth-card>small{letter-spacing:.17em;color:#858b87;font-size:10px;font-weight:900}.auth-card h2{letter-spacing:-.05em;margin:11px 0 8px;font-size:clamp(32px,2.45vw,40px);line-height:1.06}.auth-card>p{color:#777e79;max-width:360px;margin:0 0 29px;font-size:14px;line-height:1.55}.auth-card label{color:#2d322f;margin:17px 0 0;font-size:12px;font-weight:820;display:block}.auth-card input{color:#171918;background:#fff;border:1px solid #d6dad6;border-radius:11px;outline:none;width:100%;height:52px;margin-top:8px;padding:0 15px;font-size:15px;transition:border-color .18s,box-shadow .18s;display:block}.auth-card input:focus{border-color:#747b76;box-shadow:0 0 0 4px #1719180f}.auth-submit{color:#fff;cursor:pointer;background:#171918;border:0;border-radius:11px;width:100%;height:52px;margin-top:23px;font-size:14px;font-weight:850;transition:transform .16s,background .16s}.auth-submit:hover:not(:disabled){background:#252826;transform:translateY(-1px)}.auth-submit:disabled{opacity:.55}.auth-link{text-align:center;color:#3b403d;margin-top:18px;font-size:12px;font-weight:750;text-decoration:none;display:block}.auth-message{background:#edf5f0;border-radius:9px;padding:11px 12px;color:#276348!important;margin:16px 0 0!important;font-size:12px!important}.auth-message.error{background:#fff0ef;color:#98443d!important}.auth-loading{background:#f5f6f4;place-items:center;min-height:100svh;display:grid}.auth-loading div{text-align:center}.auth-loading strong{letter-spacing:.15em;font-size:24px;display:block}.auth-loading span{color:#7d837f;margin-top:9px;font-size:12px;display:block}.auth-card-stage{width:min(480px,100%);position:relative}.auth-card-stage>.auth-card{z-index:2;width:100%}.auth-card-mascot{z-index:1;pointer-events:none;filter:drop-shadow(0 9px 12px #141b1721);width:clamp(230px,20vw,300px);height:auto;display:block;position:absolute;top:0;left:50%;transform:translate(-50%,-87%)}@media (max-width:980px){.auth-screen{grid-template-columns:minmax(340px,42%) minmax(0,58%)}.auth-brand{padding:38px}.auth-brand-copy{padding-block:7vh 10vh}.auth-brand-copy h1{font-size:clamp(42px,5.2vw,58px)}.auth-content{padding:32px}.auth-card{padding:36px}}@media (max-width:760px){.auth-screen{background:#f4f5f2;min-height:100svh;display:block}.auth-brand{justify-content:flex-start;height:164px;min-height:0;padding:18px 22px 22px}.auth-brand:before{width:210px;bottom:-90px;right:-32px}.auth-brand:after{height:55%}.auth-wordmark .grem-auth-logo{width:158px;max-width:58%}.auth-brand-copy{max-width:none;margin:11px 0 0;padding:0}.auth-brand-copy small{font-size:8px;line-height:1.2}.auth-brand-copy h1{display:none}.auth-brand-copy p{max-width:360px;margin-top:7px;font-size:10.5px;line-height:1.4}.auth-powered{display:none}.auth-content{padding:0 14px max(38px,env(safe-area-inset-bottom));margin-top:-18px;display:block}.auth-card-stage{box-sizing:border-box;width:100%;margin:0 auto;padding-top:clamp(68px,19vw,82px)}.auth-card{z-index:2;border-radius:18px;width:100%;margin:0 auto;padding:28px 22px;box-shadow:0 20px 48px #151b171c}.auth-card-mascot{filter:drop-shadow(0 7px 10px #141b171f);width:clamp(180px,52vw,220px);top:6px;transform:translate(-50%)}.auth-card h2{font-size:29px}.auth-card>p{margin-bottom:23px;font-size:13px}.auth-card input,.auth-submit{height:49px}}@media (max-width:360px){.auth-brand{height:158px;padding:17px 18px 20px}.auth-wordmark .grem-auth-logo{width:148px}.auth-brand-copy{margin-top:9px}.auth-brand-copy p{font-size:10px}.auth-content{margin-top:-16px;padding-inline:10px}.auth-card-stage{padding-top:68px}.auth-card{padding:25px 18px}.auth-card-mascot{width:180px;top:5px}.auth-card h2{font-size:27px}}.preview-recovery{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.preview-recovery a,.preview-recovery button{color:#171918;background:#fff;border:1px solid #d9dcd8;border-radius:8px;place-items:center;min-height:44px;padding:10px;font-size:9px;font-weight:850;text-decoration:none;display:grid}.preview-recovery button{color:#fff;background:#171918;border-color:#171918;grid-column:1/-1}.auth-brand{background:var(--auth-accent,#111312)}.auth-wordmark.has-logo img{object-fit:contain;object-position:left center;max-width:190px;max-height:82px;display:block}.auth-login-identity{align-items:center;gap:14px;display:flex}.auth-login-identity h2{margin:9px 0 7px}.auth-login-identity img,.auth-login-identity i{object-fit:contain;background:#f5f6f4;border:1px solid #e0e3df;border-radius:12px;width:58px;height:58px}.auth-login-identity i{place-items:center;font-size:17px;font-style:normal;font-weight:900;display:grid}.auth-change-email{color:#626965;cursor:pointer;background:0 0;border:0;padding:7px 0 0;font-size:11px;font-weight:800}.auth-powered-inline{text-align:center;color:#9a9f9b;letter-spacing:.08em;text-transform:uppercase;margin-top:24px;font-size:10px;font-weight:800;display:block}.auth-platform-link{text-align:center;color:#8b918d;margin-top:13px;font-size:10px;text-decoration:none;display:block}.auth-submit{background:var(--auth-accent,#171918)}@media (max-width:760px){.auth-wordmark.has-logo img{max-width:145px;max-height:52px}.auth-login-identity img,.auth-login-identity i{width:48px;height:48px}.auth-login-identity h2{font-size:25px}.auth-powered-inline{margin-top:19px}}.reset-password-card{border-top:4px solid var(--auth-accent,#171918);padding-top:31px}.reset-password-heading{align-items:center;gap:15px;margin-bottom:12px;display:flex}.reset-password-heading>span{color:#fff;background:#171918;border-radius:12px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:27px;font-weight:900;display:grid}.reset-password-heading small{color:#858b87;letter-spacing:.14em;font-size:10px;font-weight:900;display:block}.reset-password-heading h2{margin:5px 0 0}.password-requirements{color:#777d79;background:#f7f8f6;border:1px solid #e3e6e2;border-radius:10px;gap:7px;margin-top:17px;padding:14px 15px;font-size:11px;display:grid}.password-requirements b{color:#303431}.password-requirements span:before{content:"○";color:#9ca19d;width:18px;display:inline-block}.password-requirements span.met{color:#276348}.password-requirements span.met:before{content:"✓";color:#276348;font-weight:900}@media (max-width:760px){.reset-password-card{padding-top:24px}.reset-password-heading{align-items:flex-start}.reset-password-heading>span{border-radius:10px;flex-basis:42px;width:42px;height:42px}.reset-password-heading h2{font-size:25px}}.auth-invited-email{background:#f7f8f6;border:1px solid #e0e3df;border-radius:10px;margin:18px 0 4px;padding:14px 15px}.auth-invited-email small{color:#898f8b;letter-spacing:.12em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.auth-invited-email strong{overflow-wrap:anywhere;font-size:14px;display:block}.auth-card .auth-login-identity h2{min-width:0}
