.sm-shell{position:relative;width:100%;min-height:100dvh;overflow-x:hidden;background-color:var(--primary)}.sm-shell:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.14),rgba(255,255,255,.14) 1px,transparent 0,transparent 120px),repeating-linear-gradient(-45deg,rgba(255,255,255,.14),rgba(255,255,255,.14) 1px,transparent 0,transparent 120px);-webkit-mask-image:linear-gradient(90deg,black 0,black 35%,transparent 78%);mask-image:linear-gradient(90deg,black 0,black 35%,transparent 78%)}.sm-shell{--sm-hero-top:clamp(20px,4vh,36px);--sm-hero-h:clamp(90px,13vh,112px);--sm-overlap:clamp(40px,7vh,56px);--sm-shift-x:clamp(260px,23vw,420px)}.sm-wordmark{position:absolute;top:clamp(18px,3.4vw,34px);left:clamp(18px,4.5vw,48px);z-index:40;font-weight:700;letter-spacing:-.01em;color:#ffffff;font-size:clamp(21px,2vw,25px);display:none}.sm-hero{position:absolute;left:50%;top:var(--sm-hero-top);z-index:25;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(10px,3vw,14px);width:min(84vw,360px);min-height:var(--sm-hero-h);padding:clamp(22px,6vw,30px) clamp(20px,6vw,26px) clamp(20px,6vw,26px);border-radius:26px;background-color:var(--card);box-shadow:0 24px 60px -14px rgba(10,10,20,.18),0 4px 16px rgba(10,10,20,.06);transform:translateX(-50%) translateY(0);transition:top .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),min-height .6s cubic-bezier(.4,0,.2,1),padding .6s cubic-bezier(.4,0,.2,1),border-radius .6s cubic-bezier(.4,0,.2,1),box-shadow .6s cubic-bezier(.4,0,.2,1),background-color .6s cubic-bezier(.4,0,.2,1),gap .6s cubic-bezier(.4,0,.2,1),align-items .6s,text-align .6s}.sm-hero-icon{display:inline-block;flex-shrink:0;width:clamp(56px,16vw,80px);height:clamp(56px,16vw,80px);transition:width .6s cubic-bezier(.4,0,.2,1),height .6s cubic-bezier(.4,0,.2,1)}@media (max-width:959.98px){.sm-tagline{display:none}.sm-hero{padding:0;background-color:transparent;box-shadow:none;border-radius:0}}.sm-tagline{font-weight:800;letter-spacing:-.03em;line-height:1.06;font-size:clamp(19px,5vw,23px);color:var(--foreground);max-width:19ch;margin:0}.sm-tagline em{font-style:normal;color:var(--primary)}.sm-foot{display:none;color:rgba(255,255,255,.75);font-size:14px;gap:18px;flex-wrap:wrap;margin-top:2px}.sm-foot span{display:inline-flex;align-items:center;gap:8px}.sm-foot i{width:6px;height:6px;border-radius:999px;background:var(--success);display:inline-block}.sm-authwrap{position:absolute;left:50%;top:calc(var(--sm-hero-top) + var(--sm-hero-h) - var(--sm-overlap));z-index:20;box-sizing:border-box;width:min(90vw,380px);background-color:var(--surface);border-radius:28px;box-shadow:0 30px 70px -12px oklch(.51 .24 265/.45),0 8px 24px oklch(.51 .24 265/.18);padding:clamp(26px,4vw,40px);padding-top:calc(var(--sm-overlap) + clamp(10px, 2vw, 16px));transform:translateX(-50%) translateY(0);transition:top .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),width .6s cubic-bezier(.4,0,.2,1),padding-top .6s cubic-bezier(.4,0,.2,1)}@media (min-width:960px){.sm-wordmark{display:block}.sm-hero{top:50%;align-items:flex-start;text-align:left;gap:clamp(20px,3vw,30px);width:clamp(300px,33vw,440px);min-height:0;padding:0;border-radius:0;background-color:transparent;box-shadow:none;transform:translateX(calc(-50% - var(--sm-shift-x))) translateY(-50%)}.sm-tagline{display:block;color:#ffffff}.sm-tagline em{color:#7dd3fc}.sm-hero-icon{width:clamp(70px,6.5vw,108px);height:clamp(70px,6.5vw,108px)}.sm-tagline{font-size:clamp(27px,3.1vw,45px);max-width:14ch}.sm-foot{display:flex}.sm-authwrap{top:50%;width:clamp(370px,29vw,440px);max-height:calc(100dvh - 48px);overflow:hidden;padding:clamp(16px,3vh,40px);transform:translateX(calc(-50% + var(--sm-shift-x))) translateY(-50%)}.sm-authwrap .mb-5{margin-bottom:clamp(8px,1.5vh,20px)}.sm-authwrap .mt-5{margin-top:clamp(6px,1.5vh,20px)}.sm-authwrap .my-\[18px\]{margin-top:clamp(6px,1.2vh,18px)}.sm-authwrap .mb-\[18px\],.sm-authwrap .my-\[18px\]{margin-bottom:clamp(6px,1.2vh,18px)}.sm-authwrap .mt-\[18px\]{margin-top:clamp(6px,1.2vh,18px)}.sm-authwrap .mb-3\.5{margin-bottom:clamp(6px,1vh,14px)}}@media (max-width:959.98px){.sm-shell{min-height:max(100dvh,calc(var(--sm-hero-top) + var(--sm-hero-h) + 400px))}}.sm-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--muted);border-radius:12px;padding:4px}.sm-tabs button{position:relative;z-index:1;background:transparent;border:0;padding:10px 12px;font-size:14px;font-weight:600;color:var(--muted-foreground);border-radius:9px;cursor:pointer;transition:color .25s ease}.sm-tabs button[data-active=true]{color:var(--foreground)}.sm-tabs .sm-thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);background:var(--card);border-radius:9px;box-shadow:0 1px 2px rgba(10,10,15,.06),0 1px 8px rgba(10,10,15,.04);transition:transform .35s cubic-bezier(.5,.05,.2,1)}.sm-tabs[data-mode=signup] .sm-thumb{transform:translateX(100%)}.sm-panels{position:relative;display:grid}.sm-panel{grid-area:1/1;transition:opacity .28s ease,transform .28s ease;opacity:0;transform:translateY(6px);pointer-events:none}.sm-panel[data-active=true]{opacity:1;transform:translateY(0);pointer-events:auto}@media (prefers-reduced-motion:reduce){.sm-authwrap,.sm-hero,.sm-panel,.sm-tabs .sm-thumb{transition:none}}