.login-screen{--login-cream:oklch(96% .025 85);--login-sand:oklch(88% .05 80);--login-sky-top:oklch(62% .11 240);--login-sky-mid:oklch(78% .08 230);--login-sky-low:oklch(92% .05 80);--login-sea:oklch(55% .09 225);--login-sea-light:oklch(72% .07 215);--login-foam:oklch(98% .01 90);--login-gold:oklch(72% .12 78);--login-gold-deep:oklch(60% .12 70);--login-ink:oklch(30% .07 250);background:linear-gradient(180deg, var(--login-cream), var(--login-sand));min-height:100svh;color:var(--login-ink);flex-direction:column;align-items:center;display:flex}.login-screen>*{width:100%;max-width:480px}.login-banner{isolation:isolate;background:linear-gradient(180deg, var(--login-sky-top) 0%, var(--login-sky-mid) 45%, var(--login-sky-low) 78%);min-height:430px;position:relative;overflow:hidden}.login-sky{z-index:0;position:absolute;inset:0}.login-firework{background:repeating-conic-gradient(from 6deg, var(--login-gold) 0deg 1.5deg, transparent 1.5deg 20deg);-webkit-mask-image:radial-gradient(circle, transparent 0 14%, var(--login-ink) 16% 48%, transparent 50%);-webkit-mask-image:radial-gradient(circle, transparent 0 14%, var(--login-ink) 16% 48%, transparent 50%);mask-image:radial-gradient(circle, transparent 0 14%, var(--login-ink) 16% 48%, transparent 50%);-webkit-mask-image:radial-gradient(circle, transparent 0 14%, var(--login-ink) 16% 48%, transparent 50%);opacity:.85;border-radius:50%;position:absolute}.lf-1{width:120px;height:120px;top:18px;left:-14px}.lf-2{opacity:.7;width:90px;height:90px;top:10px;right:18px}.lf-3{opacity:.55;width:70px;height:70px;top:4px;left:42%}.lf-4{opacity:.6;width:110px;height:110px;top:120px;right:-26px}.login-brand{z-index:2;text-align:center;padding:70px 20px 150px;position:relative}.login-edition{letter-spacing:.14em;color:var(--login-foam);text-shadow:0 2px 8px color-mix(in oklab, var(--login-ink) 35%, transparent);font-size:22px;font-weight:800}.login-year{font-family:var(--font-display);color:var(--login-gold);text-shadow:0 2px 0 var(--login-gold-deep), 0 4px 14px color-mix(in oklab, var(--login-ink) 25%, transparent);font-size:64px;font-weight:700;line-height:1}.login-brand h1{font-family:var(--font-display);color:var(--login-ink);margin-top:6px;font-size:54px;font-weight:700;line-height:1.05}.login-brand-rule{justify-content:center;align-items:center;gap:8px;margin:14px auto 10px;display:flex}.login-brand-rule:before,.login-brand-rule:after{content:"";background:var(--login-gold);width:56px;height:2px}.login-brand-rule span{background:var(--login-gold);width:8px;height:8px;transform:rotate(45deg)}.login-tagline{letter-spacing:.08em;color:var(--login-ink);font-size:15px;font-weight:800}.login-beach{z-index:1;height:140px;position:absolute;inset:auto 0 0}.login-wave{border-radius:50%;width:140%;position:absolute;left:-20%}.w1{background:var(--login-sea);border-top:3px solid var(--login-foam);height:90px;bottom:54px;transform:rotate(-2deg)}.w2{background:var(--login-sea-light);border-top:3px solid var(--login-foam);height:80px;bottom:34px;transform:rotate(2deg)}.w3{background:var(--login-foam);opacity:.85;height:60px;bottom:18px}.login-sand{background:var(--login-sand);height:40px;position:absolute;inset:auto 0 0}.login-access{z-index:3;margin:0 auto;padding:20px 16px 28px;position:relative}.login-form{border:1px solid color-mix(in oklab, var(--login-gold) 45%, transparent);background:var(--login-cream);box-shadow:0 12px 34px color-mix(in oklab, var(--login-ink) 16%, transparent);border-radius:28px;padding:26px 22px 18px}.login-access-heading{text-align:center;letter-spacing:.1em;color:var(--login-ink);font-size:15px;font-weight:800}.login-access-note{text-align:center;color:var(--muted-foreground);margin-top:6px;font-size:12px}.login-form input{background:var(--login-foam);border-radius:14px}.login-submit{letter-spacing:.1em;font-weight:800;background:linear-gradient(180deg, var(--login-gold), var(--login-gold-deep))!important;color:var(--login-foam)!important;border-radius:999px!important}.login-submit:hover{filter:brightness(1.05)}.login-official-banner img{width:100%;height:auto;display:block}@media (width>=640px){.login-screen{padding-top:24px}.login-banner{border-radius:28px 28px 0 0}}