.auth-page.auth-welcome{--ink:#f7f5ff;--ink-soft:#c0c3df;--ink-faint:#a6aacc;--line:#444b68;--surface-muted:#303651;--auth-panel:#1b2035;--auth-input:#151a2d;--auth-accent:#8b6df2;--auth-focus:#c8b1ff;isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);-moz-column-gap:clamp(40px, 6vw, 96px);background:#0c1020;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;column-gap:clamp(40px,6vw,96px);min-height:100svh;padding:40px max(5vw,50vw - 600px) 64px;position:relative}.auth-welcome:before{content:"";pointer-events:none;z-index:-1;background:linear-gradient(90deg,#080b1bc4 0%,#080b1b8c 38%,#080b1b33 70%,#080b1b59 100%),url(/backgrounds/study-room-night.png) 50%/cover no-repeat;position:fixed;inset:0}.auth-welcome .auth-orbit{display:none}.auth-welcome .auth-introduction{text-shadow:0 2px 12px #00000080;background:0 0;min-width:0;min-height:0;padding:0;position:relative}.auth-welcome .auth-brand{flex-wrap:nowrap;gap:8px;margin:0 0 24px -20px}.auth-welcome .auth-brand img{filter:drop-shadow(0 14px 26px #9273ef25);flex-shrink:0;width:220px;height:220px}.auth-welcome .auth-brand strong{letter-spacing:-.05em;white-space:nowrap;font-size:clamp(32px,3vw,42px);line-height:1.1}.auth-welcome .auth-brand small{letter-spacing:.25em;color:#d2cdea;margin-top:10px;font-size:10px}.auth-welcome .brand-period{display:none}.auth-welcome .auth-kicker{letter-spacing:.14em;color:#beb0e3;margin:0 0 16px;font-size:14px;font-weight:600}.auth-welcome .auth-introduction h1{letter-spacing:-.045em;margin:0;font-size:clamp(44px,4.2vw,60px);font-weight:600;line-height:1.09}.auth-welcome .auth-introduction h1>span{color:#c0a4ff}.auth-welcome .auth-introduction>p:not(.auth-kicker){max-width:410px;color:var(--ink-soft);margin:20px 0 28px;font-size:16px;line-height:1.65;display:block}.auth-welcome .auth-introduction ul{gap:16px;max-width:470px;margin:0;font-size:16px;display:grid}.auth-welcome .auth-introduction li{gap:14px}.auth-welcome .auth-introduction li>span{color:#bda0ef;background:#9e7de90a;border:1px solid #9882cc35;border-radius:11px;width:48px;height:48px}.auth-welcome .auth-introduction li>span svg{width:28px;height:32px}.auth-welcome .auth-introduction li small{color:var(--ink-faint);margin-top:2px;font-size:14px;line-height:1.5;display:block}.auth-welcome .auth-introduction>p:not(.auth-kicker),.auth-welcome .auth-introduction li small{color:#d6d3eb}.auth-welcome .auth-integrations-preview{color:#c7c1db;flex-wrap:wrap;align-items:center;gap:6px 9px;max-width:470px;margin-top:20px;font-size:12px;line-height:1.5;display:flex}.auth-welcome .auth-integrations-preview strong{color:#d5baff;letter-spacing:.03em;background:#bda0ef0d;border:1px solid #bda0ef40;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.auth-welcome .auth-card{background:linear-gradient(145deg, #292b45, var(--auth-panel) 45%);border:1px solid #8d7ca84d;border-radius:24px;width:100%;min-width:0;max-width:460px;margin:0;padding:32px;box-shadow:inset 0 1px #d9ccff26,0 24px 80px #00000045,0 0 48px #8660d610}.auth-welcome .auth-mode-switch{background:#11142670;border:1px solid #6d698e50;border-radius:12px;gap:4px;margin-bottom:30px;padding:4px}.auth-welcome .auth-mode-switch button{border-radius:8px;min-height:44px;font-size:14px;font-weight:550;transition:background .16s,color .16s}.auth-welcome .auth-mode-switch button.active{color:#fff;background:#65518f;box-shadow:inset 0 1px #d2b6ff35,0 2px 6px #0002}.auth-welcome .auth-mode-switch button:not(.active):hover{color:#fff;background:#ffffff08}.auth-welcome .auth-heading{margin-bottom:26px}.auth-welcome .auth-heading h2{letter-spacing:-.035em;font-size:32px;font-weight:600;line-height:1.2}.auth-welcome .auth-heading p{margin-top:10px;font-size:15px;line-height:1.5}.auth-welcome .auth-form{gap:18px}.auth-welcome .auth-form label{gap:8px;font-size:14px;font-weight:550}.auth-welcome .auth-form input{border:1px solid var(--line);background:var(--auth-input);height:52px;color:var(--ink);border-radius:10px;padding:0 14px;font-size:16px}.auth-welcome .auth-form input::placeholder{color:#a6aacc}.auth-welcome .auth-form input:focus{border-color:var(--auth-focus);box-shadow:0 0 0 3px #b296ff18}.auth-welcome .password-field input{padding-right:52px}.auth-welcome .password-field button{color:#b7b2ce;width:44px;height:44px;right:5px}.auth-welcome .auth-submit{color:#fff;background:linear-gradient(110deg,#7656d2,#634ac1);border:1px solid #b09bec80;border-radius:10px;height:52px;min-height:52px;margin-top:6px;font-size:16px;font-weight:600;transition:background .16s,box-shadow .16s;box-shadow:inset 0 1px #d8baff40,0 6px 20px #7550d328}.auth-welcome .auth-submit:hover{background:linear-gradient(110deg,#8565df,#7157cd);box-shadow:0 6px 24px #7550d345}.auth-welcome button:disabled{opacity:.6;cursor:wait}.auth-welcome .text-button{color:#c3aaff;min-height:44px;margin:8px 0 0 auto;font-size:13px;display:block}.auth-welcome .auth-fine-print{color:var(--ink-soft);border-top:1px solid #aaa0d225;justify-content:center;align-items:center;gap:10px;margin-top:18px;padding-top:20px;font-size:12px;line-height:1.6;display:flex}.auth-welcome .auth-fine-print svg{color:#b8a4d8;flex-shrink:0}.auth-welcome .auth-error{color:#ffcbdb;background:#71344430;border-color:#dc809b60;margin:0;font-size:13px}.auth-welcome .auth-reset-notice{background:#163c333f;border:1px solid #69dca64d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:12px;padding:16px;animation:.28s ease-out both auth-reset-notice-in;display:flex}.auth-welcome .auth-reset-notice-icon{color:#8de5b7;background:#69dca618;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.auth-welcome .auth-reset-notice strong{color:#a4efc7;font-size:15px;line-height:1.5;display:block}.auth-welcome .auth-reset-notice p{color:#c5dfd5;margin:4px 0 0;font-size:13px;line-height:1.6}@keyframes auth-reset-notice-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.auth-welcome :focus-visible{outline:2px solid var(--auth-focus);outline-offset:3px}@media (min-width:801px) and (max-height:800px){.auth-page.auth-welcome{padding-block:22px 48px}.auth-welcome .auth-brand{margin-bottom:8px}.auth-welcome .auth-brand img{width:200px;height:200px}.auth-welcome .auth-introduction>p:not(.auth-kicker){margin:16px 0 20px}.auth-welcome .auth-introduction ul{gap:12px}.auth-welcome .auth-card{padding:28px 32px}.auth-welcome .auth-mode-switch{margin-bottom:24px}.auth-welcome .auth-heading{margin-bottom:22px}}@media (min-width:801px) and (max-width:1100px){.auth-page.auth-welcome{-moz-column-gap:32px;grid-template-columns:minmax(0,1fr) minmax(340px,420px);column-gap:32px;padding-inline:32px}.auth-welcome .auth-brand{gap:0;margin-left:-12px}.auth-welcome .auth-brand img{width:160px;height:160px}.auth-welcome .auth-brand strong{font-size:30px}.auth-welcome .auth-brand small{letter-spacing:.17em;font-size:9px}.auth-welcome .auth-introduction h1{font-size:42px}}@media (max-width:800px){.auth-welcome:before{background-image:linear-gradient(#080b1b8c,#080b1bb3),url(/backgrounds/study-room-night.png);background-position:50%,43%}.auth-page.auth-welcome{grid-template-columns:minmax(0,1fr);gap:28px;padding:24px 20px 64px}.auth-welcome .auth-introduction{text-align:center;align-items:center}.auth-welcome .auth-brand{gap:8px;margin:0 0 16px}.auth-welcome .auth-brand img{width:130px;height:130px}.auth-welcome .auth-brand strong{font-size:32px}.auth-welcome .auth-brand small{letter-spacing:.2em;font-size:9px}.auth-welcome .auth-kicker,.auth-welcome .auth-introduction ul{display:none}.auth-welcome .auth-introduction h1{font-size:36px}.auth-welcome .auth-introduction>p:not(.auth-kicker){max-width:330px;margin:14px 0 0;font-size:14px}.auth-welcome .auth-card{max-width:460px;padding:26px}.auth-welcome .auth-mode-switch{margin-bottom:24px}.auth-welcome .auth-heading h2{font-size:30px}}@media (max-width:360px){.auth-page.auth-welcome{padding-inline:14px}.auth-welcome .auth-brand img{width:110px;height:110px}.auth-welcome .auth-brand strong{font-size:28px}.auth-welcome .auth-card{padding:22px}.auth-welcome .auth-introduction h1{font-size:32px}}@media (prefers-reduced-motion:reduce){.auth-welcome *,.auth-welcome :before,.auth-welcome :after{transition:none!important}.auth-welcome .auth-reset-notice{animation:none}}
.auth-page.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]){--ink:#202124;--ink-soft:#3f423e;--ink-faint:#53564e;--line:#dedbd3;--surface-muted:#eeebe5;--auth-panel:#fffefa;--auth-input:#f7f5f0;--auth-focus:#74648b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f1ec}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]):before{background:linear-gradient(90deg,#f8f6f0e8 0%,#f8f6f0c9 42%,#f8f6f066 72%,#f8f6f047 100%),url(/backgrounds/college-dorm-offwhite-v2-2026-09-20.png) 50%/cover no-repeat}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction{text-shadow:none}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.auth-introduction h1,.auth-introduction li,.auth-introduction li>div){color:var(--ink)}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-brand{gap:6px;margin-left:-10px}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-brand img{filter:drop-shadow(0 8px 12px #51473816);width:130px;height:130px}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-brand strong{color:var(--ink)}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.auth-brand small,.auth-kicker,.auth-preview-heading>span:first-child){color:#777165}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction h1>span{color:#667264}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.auth-introduction>p:not(.auth-kicker),.auth-introduction li small,.auth-integrations-preview,.auth-preview-caption>span,.auth-preview-count){color:var(--ink-soft)}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>span{color:#171717;background:#fffdf9;border-color:#e1dcd2}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>span svg ellipse{fill:#fffdf9}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>span svg circle,.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>span svg rect{fill:#171717}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>span svg path:nth-of-type(2){stroke:#fffdf9}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction>p:not(.auth-kicker){font-size:18px;line-height:1.6}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li>div{font-size:18px;font-weight:650}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-introduction li small{font-size:16px;font-weight:400;line-height:1.55}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.auth-form label,.auth-heading p){font-size:16px}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-integrations-preview,.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-preview-caption>span,.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-fine-print{font-size:14px}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-integrations-preview strong{color:#52634b;background:#eaece3;border-color:#d8ddcf}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-card{background:#fffefa;border-color:#e2dcd2;box-shadow:0 24px 64px #51473812,inset 0 1px #fff}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-mode-switch{background:#eeebe5;border-color:#e4dfd5}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-mode-switch button{color:#64645c}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-mode-switch button.active{color:#292b32;background:#fffefa;box-shadow:0 2px 6px #51473815}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-mode-switch button:not(.active):hover{color:#292b32;background:#e4e0d7}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-form input::-moz-placeholder{color:#858279}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-form input::placeholder{color:#858279}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.password-field button,.text-button,.auth-fine-print svg,.auth-preview-controls button,.auth-preview-caption small){color:#383b36}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .text-button{font-size:15px;font-weight:600}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-submit{background:#343b35;border-color:#343b35;box-shadow:0 5px 14px #343b3514}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-submit:hover{background:#465148}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-fine-print{border-color:#e8e3d9}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-error{color:#9a3a30;background:#fff0ed;border-color:#ebc8c2}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-reset-notice{background:#eef4eb;border-color:#d5e1ce}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) :is(.auth-reset-notice strong,.auth-reset-notice p,.auth-reset-notice-icon){color:#3d6246}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-preview-card{background:#fffdfa;border-color:#e1dcd2;box-shadow:0 8px 24px #51473814}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-preview-caption strong{color:var(--ink)}.auth-welcome:is([data-sign-in-style=offwhite],[data-sign-in-style=black],[data-sign-in-style=soft-purple]) .auth-preview-controls button:hover{background:#e8e3d9}.auth-page.auth-welcome[data-sign-in-style=soft-purple]{--ink:#30273f;--ink-soft:#50445e;--ink-faint:#64556f;--auth-panel:#faf7ff;--auth-input:#f0eaf7}.auth-welcome[data-sign-in-style=soft-purple]:before{background:linear-gradient(90deg,#eee6f7f5,#e5d8f1d9 50%,#e9e0f2a6),url(/backgrounds/college-dorm-offwhite-v2-2026-09-20.png) 50%/cover}.auth-welcome[data-sign-in-style=soft-purple] .auth-submit{background:#634e7e}.auth-welcome[data-sign-in-style=soft-purple] .auth-card{background:#faf7ff}.auth-page.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4f4f2;--ink-soft:#d0d0cb;--ink-faint:#b4b4b0;--line:#424442;--auth-panel:#202220;--auth-input:#141614;--surface-muted:#333633}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]):before{background:linear-gradient(90deg,#131614f5,#131614dc 48%,#111511b3),url(/backgrounds/college-dorm-offwhite-v2-2026-09-20.png) 50%/cover}.auth-welcome[data-sign-in-style=classic-black]:before{filter:grayscale();background:linear-gradient(90deg,#09090ac4 0%,#09090aa6 48%,#09090a7a 100%),url(/backgrounds/college-dorm-offwhite-v2-2026-09-20.png) 50%/cover}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) :is(.auth-card,.auth-mode-switch,.auth-preview-card){background:var(--auth-panel);border-color:var(--line);box-shadow:0 20px 60px #0003}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) :is(.auth-brand strong,.auth-introduction h1,.auth-introduction h1>span,.auth-introduction li,.auth-introduction li>div,.auth-preview-caption strong){color:var(--ink)}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) :is(.auth-brand small,.auth-kicker,.auth-preview-heading>span,.auth-introduction>p,.auth-introduction li small,.auth-preview-caption>span,.auth-preview-caption small,.auth-preview-count,.auth-integrations-preview,.text-button,.password-field button,.auth-fine-print,.auth-preview-controls button),.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) .auth-mode-switch button{color:var(--ink-soft)}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) .auth-mode-switch button.active{color:#fff;background:#454b45}.auth-welcome:is([data-sign-in-style=black],[data-sign-in-style=classic-black]) .auth-submit{color:#172019;background:#d8e3d9;border-color:#d8e3d9}.auth-welcome[data-sign-in-style=classic-black] .auth-submit{color:#161616;background:#ededed;border-color:#ededed}.auth-page.auth-welcome[data-sign-in-style=classic-black]{--auth-panel:#1d1d1f;--auth-input:#121214;--line:#414144}.auth-welcome[data-sign-in-style=classic-black] .auth-mode-switch button.active{background:#414144}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li>span{color:#171717;background:#efefed;border-color:#dfdfdc}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li>span svg rect{fill:#171717}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li>span svg ellipse{fill:#efefed}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li>span svg circle{fill:#171717}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li>span svg path:nth-of-type(2){stroke:#efefed}.auth-welcome[data-sign-in-style=classic-black] .auth-integrations-preview strong{color:#ddd;background:#2c2c2e;border-color:#414144}.auth-welcome[data-sign-in-style=classic-black] .auth-introduction li small{font-size:16px;line-height:1.55}.auth-welcome[data-sign-in-style=classic-black] .auth-form label{font-size:16px}.auth-page.auth-welcome[data-sign-in-style=soft-purple]{--ink:#30263f;--ink-soft:#51445e;--ink-faint:#675772;--line:#dfd5e8;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}.auth-welcome[data-sign-in-style=soft-purple] :is(button,input,select){font-family:inherit}.auth-welcome[data-sign-in-style=soft-purple] :is(.auth-introduction h1,.auth-introduction h1>span){color:var(--ink);letter-spacing:-.035em;font-weight:600;line-height:1.12}.auth-welcome[data-sign-in-style=soft-purple] .auth-brand strong{letter-spacing:-.04em;font-weight:650}.auth-welcome[data-sign-in-style=soft-purple] .auth-heading h2{letter-spacing:-.025em;font-weight:600}.auth-welcome[data-sign-in-style=soft-purple] .auth-introduction li>div{font-weight:600}.auth-welcome[data-sign-in-style=soft-purple] :is(.auth-kicker,.auth-brand small,.auth-preview-heading>span:first-child){color:#665373}.auth-welcome[data-sign-in-style=soft-purple] .auth-mode-switch{background:#eae3f0;border-color:#dfd5e8}.auth-welcome[data-sign-in-style=soft-purple] .auth-mode-switch button{color:#655570}.auth-welcome[data-sign-in-style=soft-purple] .auth-mode-switch button.active{color:var(--ink);background:#fffaff}.auth-welcome[data-sign-in-style=soft-purple] .auth-integrations-preview strong{color:#624d74;background:#ebe3f2;border-color:#d9cce4}.auth-welcome[data-sign-in-style=soft-purple] .auth-form input::placeholder{color:#75667f}.auth-welcome[data-sign-in-style=soft-purple] :is(.text-button,.auth-preview-caption small){color:#60496f}.auth-page.auth-welcome[data-sign-in-style=purple]{--auth-panel:#191821;--auth-input:#22212e}.auth-welcome[data-sign-in-style=purple] .auth-card{background:var(--auth-panel)}.auth-welcome[data-sign-in-style=purple] .auth-introduction li>span{color:#bda0ef;background:#242030;border-color:#615274}.auth-welcome[data-sign-in-style=purple] .auth-introduction li>span svg rect{fill:#171717}.auth-welcome[data-sign-in-style=purple] .auth-introduction li>span svg ellipse{fill:#faf7ff}.auth-welcome[data-sign-in-style=purple] .auth-introduction li>span svg circle{fill:#171717}.auth-welcome[data-sign-in-style=purple] .auth-introduction li>span svg path:nth-of-type(2){stroke:#faf7ff}.auth-page.auth-welcome[data-sign-in-style] .auth-preview-card{box-shadow:none;background:0 0;border:0;border-radius:0}
.auth-page.auth-welcome.auth-centered{--ink:#202b2a;--ink-soft:#586562;--ink-faint:#798681;--line:#dce5df;--surface-muted:#edf3ee;--auth-panel:#fffefa;--auth-input:#f8faf7;--auth-accent:#137b91;--auth-focus:#49c9e1;isolation:isolate;min-height:100svh;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(at 10% 10%,#e9f8fa 0%,#0000 34%),radial-gradient(at 88% 88%,#f2f5f0 0%,#0000 32%),#fbfcf8;grid-template:"heading card"1fr/minmax(0,1fr) minmax(360px,430px);align-content:center;align-items:center;gap:34px clamp(44px,8vw,120px);padding:48px max(5vw,50vw - 630px);font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.auth-page.auth-welcome.auth-centered:before{display:none}.auth-centered .welcome-heading{text-align:left;grid-area:heading;align-self:center;width:min(100%,680px);margin:0}.welcome-brandline{justify-content:space-between;align-items:center;gap:11px;margin-bottom:58px;display:flex}.welcome-brand{align-items:center;gap:11px;display:inline-flex}.welcome-brand .locked-in-mark{width:42px;height:42px}.welcome-brand .locked-in-wordmark{color:var(--ink);letter-spacing:-.055em;font-size:23px;font-weight:700}.welcome-brand .locked-in-wordmark>span{color:var(--auth-accent)}.welcome-top-signin{color:#116a7e;cursor:pointer;background:#fffefa;border:1px solid #d9e4dc;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:700}.welcome-kicker{color:#527681;letter-spacing:.15em;margin:0 0 15px;font-size:11px;font-weight:700}.welcome-heading h1{max-width:650px;color:var(--ink);letter-spacing:-.06em;margin:0;font-size:clamp(44px,5.4vw,72px);font-weight:600;line-height:1.01}.welcome-heading h1 span{color:var(--auth-accent)}.welcome-intro{max-width:490px;color:var(--ink-soft);margin:22px 0 0;font-size:17px;line-height:1.65}.auth-centered .welcome-card{width:100%;max-width:none;color:var(--ink);background:#fffefa;border:1px solid #e1e7df;border-radius:20px;grid-area:card;margin:auto;padding:36px;position:relative;box-shadow:0 24px 70px #34463d13,0 2px 8px #34463d08}.welcome-peeker{display:none}.auth-centered .auth-heading{text-align:left;margin-bottom:24px}.auth-centered .auth-heading h2{color:var(--ink);letter-spacing:-.04em;font-size:27px;font-weight:600}.auth-centered .auth-heading p{color:var(--ink-soft);margin-top:6px;font-size:14px}.auth-centered .auth-form{gap:16px}.auth-centered .auth-form label{color:#35413d;gap:7px;font-size:13px;font-weight:600}.auth-centered .auth-form input{height:47px;color:var(--ink);background:#fbfefe;border-color:#dcebef;border-radius:10px;font-family:inherit;font-size:15px}.auth-centered .auth-form input:focus{border-color:#49c9e1;box-shadow:0 0 0 3px #49c9e122}.auth-page.auth-welcome.auth-centered .auth-submit{color:#102b33;background:#49c9e1;border:0;border-radius:10px;height:48px;min-height:48px;margin-top:5px;font-family:inherit;font-size:14px;font-weight:700;box-shadow:0 8px 18px #49c9e124}.auth-page.auth-welcome.auth-centered .auth-submit:hover{background:#116a7e}.auth-centered .text-button,.welcome-switch button{color:#116a7e;font-family:inherit;font-weight:700}.welcome-switch{color:#65716c;text-align:left;margin:20px 0 0;font-size:13px}.welcome-switch button{min-height:30px;padding:0 3px}.welcome-benefits{color:#43534d;gap:12px;margin:28px 0 0;padding:0;font-size:15px;line-height:1.5;list-style:none;display:grid}.welcome-benefits li{padding-left:25px;position:relative}.welcome-benefits li:before{content:"";background:#48bfd8;border-radius:50%;width:8px;height:8px;position:absolute;top:.48em;left:0;box-shadow:0 0 0 4px #48bfd81a}@media (max-width:900px){.auth-page.auth-welcome.auth-centered{grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:28px;padding:38px 32px}.welcome-brandline{margin-bottom:32px}.welcome-heading h1{font-size:clamp(40px,6vw,56px)}.auth-centered .welcome-card{padding:29px}}@media (max-width:700px){.auth-page.auth-welcome.auth-centered{flex-direction:column;align-items:stretch;gap:27px;min-height:100svh;padding:26px 20px 32px;display:flex}.auth-centered .welcome-heading{width:100%}.welcome-brandline{margin-bottom:30px}.welcome-brand .locked-in-mark{width:36px;height:36px}.welcome-brand .locked-in-wordmark{font-size:20px}.welcome-kicker{margin-bottom:10px;font-size:9px}.welcome-heading h1{max-width:560px;font-size:clamp(39px,10vw,52px)}.welcome-intro{margin-top:12px;font-size:15px}.auth-centered .welcome-card{order:2;width:100%;padding:26px 22px}.auth-centered .auth-heading h2{font-size:24px}.welcome-benefits{gap:9px;margin-top:18px;font-size:13px}}@media (max-width:390px){.auth-page.auth-welcome.auth-centered{padding-inline:15px}.auth-centered .welcome-card{padding-inline:19px}.welcome-heading h1{font-size:38px}}
.landing-page{--landing-ink:#22232c;--landing-muted:#646574;--landing-line:#e3e9e5;--landing-accent:#49c9e1;--landing-accent-deep:#16849b;--landing-accent-ink:#137b91;--landing-accent-soft:#b9edf4;--landing-paper:#fbfcf9;background:var(--landing-paper);color:var(--landing-ink);min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page button{color:inherit;font:inherit}.landing-page a:focus-visible,.landing-page button:focus-visible{outline-offset:4px;outline:3px solid #49c9e1}.landing-nav{z-index:4;justify-content:space-between;align-items:center;gap:28px;max-width:1480px;min-height:78px;margin:auto;padding:15px clamp(22px,5vw,72px);display:flex;position:relative}.landing-brand{white-space:nowrap;align-items:center;gap:9px;display:inline-flex}.landing-brand .locked-in-mark{display:block}.landing-brand .locked-in-wordmark{letter-spacing:-.055em;color:var(--landing-ink);font-size:21px}.landing-brand .locked-in-wordmark>span{color:var(--landing-accent-ink)}.landing-nav nav{align-items:center;gap:clamp(16px,2.7vw,38px);font-size:13px;font-weight:600;display:flex}.landing-nav nav>a{transition:color .2s,transform .2s}.landing-nav nav>a:hover{color:var(--landing-accent-deep);transform:translateY(-1px)}.landing-nav nav .landing-nav-signin{background:#fff;border:1px solid #dbe6df;border-radius:999px;padding:10px 18px}.landing-nav nav .landing-nav-create{color:#102b33;background:#49c9e1;border:1px solid #49c9e1;border-radius:999px;align-items:center;gap:8px;padding:11px 18px;display:inline-flex;box-shadow:0 6px 16px #49c9e12c}.landing-nav nav .landing-nav-create:hover{color:#102b33;background:#35b9d2}.landing-hero{isolation:isolate;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(36px,6vw,88px);max-width:1480px;min-height:660px;margin:auto;padding:70px clamp(28px,7vw,100px) 92px;display:grid;position:relative}.landing-hero:before{content:"";z-index:-2;background:linear-gradient(120deg,#fff 5%,#f0fafb 55%,#f7fbfa 100%);border:1px solid #e2edf0;border-radius:34px;position:absolute;inset:18px 2.5% 50px}.landing-glow{z-index:-1;pointer-events:none;filter:blur(1px);border-radius:50%;position:absolute}.landing-glow-one{background:radial-gradient(circle,#a4eaf372 0%,#a4eaf300 72%);width:380px;height:380px;top:32px;right:7%}.landing-glow-two{background:radial-gradient(circle,#d9f3f360 0%,#d9f3f300 72%);width:260px;height:260px;bottom:10px;left:22%}@keyframes landing-glow-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-12px,14px)scale(1.05)}}.landing-glow-one{animation:9s ease-in-out infinite landing-glow-drift}.landing-glow-two{animation:12s ease-in-out -3s infinite reverse landing-glow-drift}.landing-copy{z-index:2;max-width:510px;position:relative}.landing-copy h1{color:#23222c;letter-spacing:-.075em;margin:22px 0 18px;font-size:clamp(48px,6vw,78px);font-weight:650;line-height:.99}.landing-copy h1 span{color:var(--landing-accent-ink)}.landing-intro{color:#656372;max-width:430px;margin:0;font-size:clamp(15px,1.3vw,18px);line-height:1.7}.landing-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:28px 0 19px;display:flex}.landing-primary,.landing-secondary{border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:49px;padding:0 20px;font-size:13px;font-weight:700;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s,background .24s;display:inline-flex}.landing-primary{background:linear-gradient(110deg,#57d4e9,#43bed7);box-shadow:0 9px 22px #40bcd52c,inset 0 1px #fff6;color:#102b33!important}.landing-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #40bcd544,inset 0 1px #fff8}.landing-primary svg,.landing-secondary svg,.landing-privacy>a svg,.landing-tour-copy>a svg,.landing-footer>a:last-child svg{transition:transform .2s}.landing-primary:hover svg,.landing-nav-demo:hover svg,.landing-privacy>a:hover svg,.landing-tour-copy>a:hover svg,.landing-footer>a:last-child:hover svg{transform:translate(3px)}.landing-secondary{background:#ffffffbd;border:1px solid #dce5df}.landing-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 18px #36295410}.landing-reassurance{color:#777687;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.landing-reassurance svg{color:#16849b}.landing-signup-stage{z-index:1;min-width:0;position:relative}.landing-signup-card{width:min(100%,500px);margin-inline:auto;scroll-margin-top:28px}@media (max-width:760px){.landing-signup-stage{max-width:540px;margin:37px auto 0}}.landing-page .auth-embedded-card{color:#192b30;background:#fff;border:1px solid #e0e9e9;border-radius:22px;width:100%;max-width:500px;padding:34px;box-shadow:0 26px 76px #24556516,0 2px 8px #1836420a}.landing-page .auth-embedded-card .auth-heading{margin-bottom:24px}.landing-page .auth-embedded-card .auth-heading h2{color:#1b2c31;letter-spacing:-.04em;font-size:27px;font-weight:650}.landing-page .auth-embedded-card .auth-heading p{color:#637176;font-size:14px}.landing-page .auth-embedded-card .auth-form{gap:15px}.landing-page .auth-embedded-card .auth-form label{color:#344347;gap:7px;font-size:13px;font-weight:600;display:grid}.landing-page .auth-embedded-card .auth-form input{color:#17272b;background:#fcfefe;border:1px solid #d9e3e5;border-radius:10px;height:46px;padding-inline:13px;font-family:inherit;font-size:15px}.landing-page .auth-embedded-card .auth-form input:focus{border-color:#49c9e1;box-shadow:0 0 0 3px #49c9e12e}.landing-page .auth-embedded-card .auth-submit{color:#102b33;background:#49c9e1;border:0;border-radius:11px;min-height:49px;margin-top:5px;font-family:inherit;font-size:15px;font-weight:700;box-shadow:0 8px 18px #40bcd52b}.landing-page .auth-embedded-card .auth-submit:hover{background:#35b9d2}.landing-page .auth-embedded-card .welcome-switch{color:#657176;margin-top:18px;font-size:13px}.landing-page .auth-embedded-card .welcome-switch button,.landing-page .auth-embedded-card .text-button{color:#117f95;font-family:inherit;font-weight:700}.landing-scroll-cue{align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:37px;left:50%;transform:translate(-50%);color:#858294!important}.landing-scroll-cue svg{animation:2s ease-in-out infinite landing-cue}@keyframes landing-cue{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.landing-tour{max-width:1480px;margin:auto;padding:74px clamp(24px,6vw,84px) 58px;scroll-margin-top:24px}.landing-section-heading{text-align:center;max-width:660px;margin:0 auto 44px}.landing-section-heading h2{color:#292632;letter-spacing:-.065em;margin:0 0 12px;font-size:clamp(38px,4.5vw,60px);font-weight:650;line-height:1.04}.landing-section-heading>p:last-child{color:#656574;margin:0;font-size:clamp(15px,1.45vw,18px);line-height:1.6}.landing-tour-panel{background:#fff;border:1px solid #dce5e7;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px #1c384012}.landing-tour-tabs{background:#f7fafb;border-bottom:1px solid #e8edef;gap:7px;padding:13px;display:flex}.landing-tour-tabs button{color:#5d6870;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:0 21px;font-size:14px;font-weight:650;transition:color .22s,background .22s,box-shadow .22s,transform .22s;display:inline-flex;position:relative}.landing-tour-tabs button[aria-selected=true]{color:#116a7e;background:#fff;box-shadow:0 3px 14px #19353a12,inset 0 0 0 1px #dfecef}.landing-tour-tabs button:hover{color:#116a7e;transform:translateY(-1px)}.landing-tour-content{perspective:1200px;grid-template-columns:minmax(270px,.56fr) minmax(0,1.44fr);align-items:center;gap:clamp(30px,5vw,72px);min-height:430px;padding:clamp(28px,4.5vw,60px);display:grid}.landing-tour-copy{min-width:0}.landing-tour-icon{color:#16849b;background:#eaf8fa;border:1px solid #d9eef1;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:20px;display:grid}.landing-tour-copy h3{color:#252832;letter-spacing:-.05em;margin:0 0 13px;font-size:clamp(27px,3vw,39px);line-height:1.11}.landing-tour-copy>p{color:#626974;max-width:370px;margin:0;font-size:clamp(15px,1.3vw,17px);line-height:1.65}.landing-tour-copy>a{color:#116a7e;align-items:center;gap:9px;margin-top:26px;font-size:14px;font-weight:750;display:inline-flex}.landing-tour-image{min-width:0;transform-style:preserve-3d;background:#f4f7f8;border:1px solid #dfe6e9;border-radius:16px;overflow:hidden;box-shadow:0 18px 48px #1d334b20}.landing-tour-image img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%;height:auto;display:block}body:has(.landing-page) nextjs-portal{display:none!important}.landing-privacy{background:linear-gradient(110deg,#eff9fa,#fff 75%);border:1px solid #dfecef;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;max-width:1170px;margin:0 auto 80px;padding:30px 34px;display:grid}.landing-privacy-icon{color:#16849b;background:#fff;border:1px solid #d9eef1;border-radius:16px;place-items:center;width:48px;height:48px;display:grid}.landing-privacy h2{color:#302d39;letter-spacing:-.04em;margin:0 0 8px;font-size:clamp(20px,2vw,24px)}.landing-privacy div>p:last-child{color:#626974;max-width:720px;margin:0;font-size:14px;line-height:1.65}.landing-privacy>a{white-space:nowrap;color:#116a7e;align-items:center;gap:8px;font-size:14px;font-weight:750;display:inline-flex}.landing-footer{color:#827f8c;border-top:1px solid #e9e6ef;justify-content:space-between;align-items:center;gap:20px;max-width:1480px;margin:auto;padding:22px clamp(22px,5vw,72px) 29px;font-size:10px;display:flex}.landing-footer .landing-brand .locked-in-mark{width:32px;height:32px}.landing-footer .landing-brand .locked-in-wordmark{font-size:17px}.landing-footer>a:last-child{color:#116a7e;align-items:center;gap:6px;font-weight:700;display:inline-flex}@media (max-width:1000px){.landing-hero{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:30px;min-height:610px;padding-inline:6%}.landing-privacy{margin-inline:24px}}@media (max-width:760px){.landing-nav{gap:8px;min-height:68px;padding-inline:20px}.landing-brand .locked-in-mark{width:34px;height:34px}.landing-brand .locked-in-wordmark{font-size:18px}.landing-nav nav{gap:10px;font-size:11px}.landing-nav nav>a:first-child{display:none}.landing-nav nav .landing-nav-signin{padding:9px 11px}.landing-nav nav .landing-nav-create{gap:5px;padding:10px 12px}.landing-hero{min-height:auto;padding:56px 28px 74px;display:block}.landing-hero:before{border-radius:26px;inset:12px 12px 35px}.landing-copy{text-align:center;max-width:580px;margin:auto}.landing-copy h1{margin-top:20px;font-size:clamp(47px,10vw,68px)}.landing-intro{max-width:450px;margin:auto;font-size:15px}.landing-actions{justify-content:center;margin-top:22px}.landing-reassurance{justify-content:center;font-size:10px}.landing-scroll-cue{white-space:nowrap;bottom:13px}.landing-tour{padding:70px 22px 48px}.landing-section-heading{margin-bottom:30px}.landing-section-heading h2{font-size:clamp(34px,8vw,48px)}.landing-tour-panel{border-radius:18px}.landing-tour-tabs{scrollbar-width:none;gap:1px;padding:8px;overflow-x:auto}.landing-tour-tabs::-webkit-scrollbar{display:none}.landing-tour-tabs button{flex:1 0 auto;min-height:45px;padding-inline:14px;font-size:13px}.landing-tour-content{grid-template-columns:1fr;gap:25px;min-height:0;padding:24px}.landing-tour-icon{width:36px;height:36px;margin-bottom:13px}.landing-tour-copy h3{font-size:28px}.landing-privacy{grid-template-columns:auto 1fr;gap:14px;margin:0 20px 54px;padding:22px}.landing-privacy>a{grid-column:2}.landing-privacy-icon{width:42px;height:42px}.landing-privacy h2{font-size:18px}.landing-footer{flex-wrap:wrap;padding-inline:20px}.landing-footer>span{order:3;width:100%}}@media (max-width:420px){.landing-nav{padding-inline:15px}.landing-brand{gap:5px}.landing-brand .locked-in-wordmark{font-size:16px}.landing-hero{padding-inline:20px}.landing-copy h1{font-size:46px}.landing-actions{flex-direction:column;align-items:stretch;margin-inline:10px}.landing-primary,.landing-secondary{min-height:46px}.landing-reassurance{text-align:left;align-items:flex-start;line-height:1.5}.landing-tour{padding-inline:18px}.landing-tour-content{padding:18px}.landing-tour-tabs button{gap:6px;padding-inline:9px}.landing-privacy{margin-inline:16px;padding:18px}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.landing-tour-content{grid-template-columns:minmax(0,1fr);gap:30px;padding:clamp(20px,3vw,42px)}.landing-tour-copy{-moz-column-gap:32px;grid-template-columns:minmax(240px,1fr) minmax(220px,1fr) auto;align-items:center;column-gap:32px;display:grid}.landing-tour-icon{display:none}.landing-tour-copy h3{margin:0;font-size:clamp(28px,3vw,40px)}.landing-tour-copy p{margin:0;font-size:clamp(16px,1.4vw,20px)}.landing-tour-copy>a{white-space:nowrap;margin:0}.landing-tour-image>a{display:block}.landing-tour-image>a:focus-visible{outline-offset:-4px}.landing-tour-image img{aspect-ratio:auto}.landing-footer{font-size:13px}@media (max-width:850px){.landing-tour-copy{grid-template-columns:1fr;gap:16px}.landing-tour-copy>a{justify-self:start}}.landing-tour-slide{gap:28px;min-width:0;display:grid}.landing-tour-copy{min-height:130px}.landing-tour-image{aspect-ratio:1707/960}.landing-tour-image>a,.landing-tour-image img{height:100%}.landing-tour-image img{-o-object-fit:contain;object-fit:contain}.landing-reassurance{color:#59656a;font-size:13px;line-height:1.5}.landing-scroll-cue{font-size:13px;color:#59656a!important}.landing-footer{color:#59656a}.landing-tour-content:focus-visible{outline-offset:-4px;outline:3px solid #137b91}.landing-page .auth-embedded-card .auth-error{color:#962535;background:#fff0f1;border:1px solid #edbec5;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.landing-page .auth-privacy-note{color:#59656a;font-size:13px;line-height:1.5}.landing-page .auth-privacy-note a{color:#126f83;text-decoration:underline}@media (max-width:850px){.landing-tour-copy{min-height:205px}}@media (max-width:420px){.landing-page .auth-embedded-card{padding:24px 20px}.landing-page .auth-embedded-card .auth-form input{font-size:16px}.landing-nav nav{font-size:12px}}.landing-contact{background:#edfafd;border:1px solid #d8e5e9;border-radius:24px;justify-content:space-between;align-items:center;gap:32px;max-width:1320px;margin:30px auto 50px;padding:44px;scroll-margin-top:100px;display:flex}.landing-contact h2{color:#22232c;margin:0 0 12px;font-size:clamp(25px,3vw,38px);line-height:1.15}.landing-contact p{color:#52646e;max-width:620px;margin:0;font-size:16px;line-height:1.6}.landing-contact-button{color:#fff;font:inherit;cursor:pointer;background:#22232c;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-weight:650;display:inline-flex}.landing-contact-button:hover{background:#137b91}.landing-contact-button:focus-visible{outline-offset:4px;outline:3px solid #137b91}@media (max-width:700px){.landing-contact{flex-direction:column;align-items:stretch;gap:22px;margin:24px 18px;padding:25px}}.landing-page .landing-contact-button{color:#fff}.landing-page .feedback-dialog{--surface-dialog:#fff;--surface-soft:#f7fbfc;--surface-muted:#e3f5fa;--ink:#22232c;--ink-soft:#53646b;--line-soft:#d8e2e5;--brand:#137b91;--danger:#a12b35;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
