@import url('/forms-v1.css');
/* Shared finishing pass: no changes to authentication or desktop homepage layout. */
/* Approved homepage fonts. Keep generic fallbacks inside the tokens so every
   shorthand remains non-serif, including when optional webfonts load late. */
:root{--font-manrope:Manrope,Arial,sans-serif;--font-geist-mono:'Geist Mono',monospace}
/* Static grain replaces the grid without changing the underlying ink color. */
main{background-image:url('/grain-v1.svg');background-size:180px 180px;background-repeat:repeat}
.authForm button svg,.accountButton svg,.loginNav>a:last-child svg{width:18px;height:18px;flex-shrink:0;vertical-align:middle}
.accountButton{gap:12px}
.loginPanel>span{color:#224cff}
.registrationConfirmation{padding-top:20px}
.confirmationCheck{display:block;width:56px;height:56px;color:#224cff;margin-bottom:24px}
.confirmationCheck circle{opacity:.2}
.confirmationCheck path{stroke-dasharray:1;stroke-dashoffset:0;animation:confirmationDraw .55s ease-out both}
.registrationConfirmation p{font:400 17px/1.7 var(--font-manrope);color:#0b0c17;margin:0 0 18px}
.registrationConfirmation .confirmationHint{font-size:14px;color:#555b68}
.confirmationHint a{text-decoration:underline;text-underline-offset:3px;color:#224cff}
.confirmationLogin{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;margin:28px 0 20px;background:#224cff;color:#eeeef0;font:500 13px/1.5 var(--font-geist-mono);letter-spacing:.08em}
.confirmationLogin svg{width:18px;height:18px}
.confirmationLogin b,.authForm button b{font:inherit}
@keyframes confirmationDraw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.confirmationCheck path{animation:none}}
.loginStory>div{font:500 16px/1.6 var(--font-geist-mono);letter-spacing:.08em;color:#eeeef0;gap:12px;margin-top:32px;flex-wrap:wrap}
.loginStory>div span{color:#1fc2dc}
.loginStory>div span:not(:first-child){margin-left:16px}
.loginPanel footer a{display:inline-block;padding-block:5px;text-underline-offset:5px}
.loginPanel footer a:hover,.loginPanel footer a:focus-visible{text-decoration:underline}
@media(max-width:700px){
 .nav{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding-block:16px;gap:16px;width:calc(100% - 36px)}
 .nav>.brand{justify-self:start}
 .navIndex{display:none}
 .navActions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px;justify-self:stretch}
 .navActions>a{width:auto;min-width:0;min-height:54px;height:auto;padding:12px 10px;font-size:10px;letter-spacing:.035em;gap:8px}
 .navActions>a b{min-width:0;white-space:normal;line-height:1.5}
 .navActions>a svg{width:16px;min-width:16px;height:16px}
 .loginNav{height:76px}
 .loginShell{min-height:0;padding:24px 0 40px;gap:24px}
 .loginStory h1{font-size:clamp(30px,9vw,44px);line-height:1.12;letter-spacing:-.055em;margin:14px 0 0}
 .loginStory h1 br{display:none}
 .loginStory h1 em{margin-left:.2em}
 .loginStory>p,.loginStory>div{display:none}
 .loginPanel{padding:24px 20px}
 .loginPanel h2{font-size:30px;margin-top:12px}
 .loginPanel>p{margin-bottom:22px}
 .authForm{gap:14px}
 .loginPanel footer{margin-top:20px}
}
.featureControls{border-top:0}
.deskSplit{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:clamp(36px,5vw,76px);align-items:start}
.deskPitch .sectionHeader{margin:0}
.deskPitch .sectionHeader h2{font-size:clamp(42px,4.6vw,68px)}
.deskPitch .sectionCopy>p{font-size:16px}
.deskAlerts{display:grid;gap:18px;margin-top:42px;align-items:start}
.deskAlerts figure,.deskDiscord{margin:0;min-width:0}
.deskAlerts figure{width:min(100%,432px)}
.deskAlerts img{display:block;width:auto;max-width:100%;height:auto}
.deskDiscord{border:1px solid var(--line);padding:14px;background:#0b0c17}
.deskDiscord img{display:block;width:100%;height:auto}
@media(max-width:900px){.deskSplit{grid-template-columns:1fr;gap:42px}.deskPitch .sectionHeader{max-width:760px}.deskAlerts{grid-template-columns:minmax(0,308px) minmax(0,432px);gap:16px}.deskAlerts figure{width:100%}.deskDiscord{max-width:760px}}
@media(max-width:600px){.deskAlerts{grid-template-columns:1fr;margin-top:32px}.deskDiscord{padding:8px}}

/* Support draft: the existing editorial system, expanded into a focused help page. */
.supportPage{min-height:100vh;overflow:hidden;background-image:url('/grain-v1.svg');background-size:180px 180px;background-repeat:repeat}
.supportHero,.supportTopics,.supportContact{width:min(1360px,calc(100% - 64px));margin-inline:auto}
.supportHero{display:block;margin-bottom:0;padding:88px 0;max-width:none;border:0}
.supportHero .sectionTitle{max-width:760px}
.supportHero h1{margin:0;font:600 clamp(38px,4.3vw,64px)/1.05 var(--font-manrope);letter-spacing:-.045em}
.supportHero .sectionCopy{padding-top:22px}
.supportHero .sectionCopy>p{max-width:720px;color:#a4aab7;font-size:16px;line-height:1.7}
.supportTopics{border-top:1px solid var(--line)}
.supportTopic{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:80px;padding:58px 0;border-bottom:1px solid var(--line)}
.supportTopic>header{display:block}
.supportTopic h2{margin:0;font:600 clamp(24px,2.5vw,36px)/1.08 var(--font-manrope);letter-spacing:-.04em}
.supportTopic details{border-top:1px solid var(--line)}
.supportTopic details:last-child{border-bottom:1px solid var(--line)}
.supportTopic summary{position:relative;cursor:pointer;list-style:none;padding:22px 44px 22px 0;font:600 16px/1.45 var(--font-manrope)}
.supportTopic summary::-webkit-details-marker{display:none}
.supportTopic summary::after{content:"+";position:absolute;right:4px;top:19px;font:22px var(--font-geist-mono);color:var(--cyan)}
.supportTopic details[open] summary::after{content:"−"}
.supportTopic details p{max-width:710px;margin:-2px 44px 24px 0;color:#969ba7;font-size:15px;line-height:1.75}
.supportContact{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:80px;padding:88px 0;border-top:0}
.supportContactCopy h2{margin:0;font:600 clamp(42px,5vw,68px)/1 var(--font-manrope);letter-spacing:-.055em}
.supportContactCopy>p{max-width:440px;margin:26px 0 0;color:#969ba7;font-size:16px;line-height:1.75}
.supportForm{display:grid;grid-template-columns:1fr;gap:16px;width:min(560px,100%);padding:48px;background:var(--paper);color:var(--ink)}
.supportForm label{font:10px var(--font-geist-mono);letter-spacing:.11em}
.supportForm input,.supportForm textarea{display:block;width:100%;margin-top:9px;border:1px solid #c8c8cc;background:#fff;padding:13px;font:15px var(--font-manrope);color:var(--ink);border-radius:0}
.supportForm input{height:50px}
.supportForm textarea{resize:vertical;min-height:160px}
.supportForm button{min-height:58px;border:0;display:flex;align-items:center;justify-content:center;gap:12px;font:10px var(--font-geist-mono);letter-spacing:.11em;cursor:pointer}
.supportForm button svg{width:16px}
@media(max-width:900px){.supportHero,.supportTopics,.supportContact{width:calc(100% - 36px)}.supportTopic,.supportContact{grid-template-columns:1fr;gap:38px}.supportHero{padding:56px 0}.supportTopic{padding:46px 0}.supportContact{padding:56px 0}.supportForm{padding:36px 24px}}
@media(max-width:540px){.supportTopic summary{font-size:15px}.supportForm{padding:30px 20px}}