.login-page{--wine-900:oklch(35% .135 25);--wine-800:oklch(42% .165 25);--red-600:oklch(51% .19 27);--gold-500:oklch(78% .095 82);--paper:oklch(96.5% .008 85);--surface:oklch(98.5% .007 85);--ink:oklch(23% .01 35);--muted:oklch(49% .018 265);--font-display:"League Spartan", sans-serif;--font-ui:"Montserrat", sans-serif;--font-body:"Questrial", sans-serif;background:var(--surface);min-height:100svh;color:var(--ink);display:grid}.login-brand{isolation:isolate;min-height:43svh;color:var(--surface);background:linear-gradient(145deg, var(--wine-900), var(--wine-800) 58%, var(--red-600));flex-direction:column;padding:1.25rem;display:flex;position:relative;overflow:hidden}.login-grid{z-index:-2;opacity:.5;background-image:linear-gradient(oklch(98.5% .007 85/.07) 1px,#0000 1px),linear-gradient(90deg,oklch(98.5% .007 85/.07) 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 45%,#000 5%,#0000 74%);mask-image:radial-gradient(circle at 45%,#000 5%,#0000 74%)}.login-brand:after{z-index:-1;aspect-ratio:1;content:"";border:1px solid oklch(98.5% .007 85/.13);border-radius:50%;width:70%;position:absolute;inset:auto -15% -35% 35%}.login-brand__header{align-items:center;gap:.75rem;display:flex}.login-logo{object-fit:contain;flex:none;width:3.5rem;height:3.9rem}.login-wordmark{font-family:var(--font-display);letter-spacing:-.01em;flex-direction:column;font-size:1.12rem;font-weight:800;line-height:.95;display:flex}.login-wordmark span:last-child{color:var(--gold-500);letter-spacing:.02em;font-size:.72rem;font-weight:600}.login-brand__content{z-index:1;max-width:36rem;margin:auto 0;padding:2.75rem 0 3.75rem;position:relative}.login-eyebrow,.login-access__eyebrow{font-family:var(--font-ui);letter-spacing:.17em;text-transform:uppercase;margin:0 0 1rem;font-size:.7rem;font-weight:700}.login-eyebrow{color:var(--gold-500);align-items:center;gap:.65rem;display:flex}.login-eyebrow:before{content:"";background:currentColor;border-radius:999px;width:2.5rem;height:3px}.login-brand h1{max-width:10ch;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(2.65rem,10vw,4.5rem);font-weight:900;line-height:.92}.login-brand h1 span{color:var(--gold-500)}.login-brand__content>p:last-child{max-width:34rem;font-family:var(--font-body);color:oklch(96% .012 85/.84);margin:1.35rem 0 0;font-size:1rem;line-height:1.6}.login-curve{width:min(44rem,95vw);color:var(--surface);opacity:.25;position:absolute;bottom:-1.5rem;right:-7rem}.login-curve__line{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.login-curve__line--soft{stroke-width:1.5px;opacity:.45}.login-curve__line--main{stroke-width:6px}.login-access{background:radial-gradient(circle at 100% 0%, oklch(78% .095 82/.12), transparent 33%), var(--surface);flex-direction:column;justify-content:space-between;min-height:57svh;padding:clamp(2rem,7vw,4rem) 1.25rem 1.25rem;display:flex}.login-access__content{width:min(100%,28rem);margin:auto}.login-access__eyebrow{color:var(--wine-800)}.login-access h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--wine-900);margin:0;font-size:clamp(2.25rem,8vw,3.25rem);font-weight:800;line-height:.98}.login-access__description{max-width:39ch;font-family:var(--font-body);color:var(--muted);margin:1rem 0 2rem;font-size:1.05rem;line-height:1.65}.google-login-button{background:var(--surface);width:100%;min-height:3.35rem;color:var(--ink);cursor:pointer;font-family:var(--font-ui);border:1px solid oklch(35% .135 25/.18);border-radius:.75rem;justify-content:center;align-items:center;gap:.8rem;padding:.8rem 1.25rem;font-size:.92rem;font-weight:700;transition:transform .2s cubic-bezier(.25,1,.5,1),border-color .2s,box-shadow .2s,background-color .2s;display:flex;box-shadow:0 8px 20px oklch(35% .135 25/.08)}.google-login-button:hover:not(:disabled){background:var(--paper);border-color:oklch(42% .165 25/.38);transform:translateY(-2px);box-shadow:0 12px 26px oklch(35% .135 25/.13)}.google-login-button:focus-visible{outline:3px solid var(--gold-500);outline-offset:3px}.google-login-button:active:not(:disabled){transform:translateY(0)}.google-login-button:disabled{cursor:wait;opacity:.66}.google-icon{flex:none;width:1.35rem;height:1.35rem}.login-access__help,.login-error{font-family:var(--font-body);margin:.9rem 0 0;font-size:.86rem;line-height:1.5}.login-access__help{color:var(--muted)}.login-error{color:var(--wine-800);background:oklch(51% .19 27/.08);border:1px solid oklch(51% .19 27/.24);border-radius:.75rem;padding:.75rem .9rem}.login-access__footer{color:var(--muted);font-family:var(--font-ui);letter-spacing:.03em;text-align:center;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:3rem;font-size:.68rem;font-weight:600;display:flex}@media (width>=900px){.login-page{grid-template-columns:minmax(0,1.15fr) minmax(26rem,.85fr)}.login-brand,.login-access{min-height:100svh}.login-brand{padding:clamp(2rem,4vw,4rem)}.login-logo{width:4.5rem;height:5rem}.login-wordmark{font-size:1.4rem}.login-wordmark span:last-child{font-size:.88rem}.login-brand__content{padding:4rem 0 8rem}.login-brand__content>p:last-child{font-size:1.13rem}.login-curve{opacity:.46;width:min(50rem,72vw);bottom:1.5rem;right:-4rem}.login-access{padding:clamp(2rem,5vw,5rem)}.login-access__footer{justify-content:flex-start}}@media (width<=899px){.login-brand h1{max-width:12ch}}@media (prefers-reduced-motion:reduce){.google-login-button{transition:none}}