:root{--spd-background: #f7f8fb;--spd-foreground: #171a21;--spd-card: #ffffff;--spd-muted: #edeff5;--spd-muted-foreground: #5d6572;--spd-border: #e3e6ee;--spd-primary: #5352ed;--spd-primary-strong: #4644d4;--spd-primary-soft: rgba(83, 82, 237, .1);--spd-primary-foreground: #ffffff;--spd-radius-sm: 8px;--spd-radius-md: 12px;--spd-radius-lg: 16px;--spd-shadow-sm: 0 1px 2px rgba(23, 26, 33, .04);--spd-shadow-md: 0 10px 30px rgba(23, 26, 33, .05);--spd-shadow-lift: 0 24px 60px rgba(23, 26, 33, .05);--spd-font-sans: "Inter", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--spd-header-h: 64px;--spd-ease: cubic-bezier(.22, 1, .36, 1)}body:has(.spd-landing){margin:0;background:var(--spd-background)}.spd-landing{position:relative;min-height:100vh;background:var(--spd-background);color:var(--spd-foreground);font-family:var(--spd-font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}.spd-landing *,.spd-landing *:before,.spd-landing *:after{box-sizing:border-box}:where(.spd-landing,.spd-lb) img{display:block;max-width:100%;height:auto}:where(.spd-landing) :is(h1,h2,h3){margin:0;font-weight:600;letter-spacing:-.015em;color:var(--spd-foreground)}:where(.spd-landing) p{margin:0}:where(.spd-landing) ul{margin:0;padding:0;list-style:none}.spd-tabular{font-variant-numeric:tabular-nums;letter-spacing:-.02em}.spd-shell{width:100%;max-width:1152px;margin-inline:auto;padding-inline:24px}.spd-section{padding-block:96px}.spd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding-inline:20px;border:1px solid transparent;border-radius:var(--spd-radius-lg);font:inherit;font-size:14px;font-weight:500;line-height:1;letter-spacing:0;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .24s ease,opacity .2s ease,transform .1s ease}.spd-btn:active{transform:translateY(1px) scale(.995)}.spd-btn--primary{background:var(--spd-primary);color:var(--spd-primary-foreground)}.spd-btn--primary:hover{background:var(--spd-primary-strong);box-shadow:0 8px 20px #5352ed38}.spd-btn--outline{background:var(--spd-card);border-color:var(--spd-border);color:var(--spd-foreground)}.spd-btn--outline:hover{border-color:#5352ed66;color:var(--spd-primary)}.spd-btn--quiet{height:40px;padding-inline:12px;background:transparent;border-color:transparent;color:var(--spd-muted-foreground)}.spd-btn--quiet:hover{color:var(--spd-foreground)}.spd-btn--nav{height:36px;padding-inline:16px}.spd-btn__icon{font-size:16px;transition:transform .24s var(--spd-ease)}.spd-btn--primary:hover .spd-btn__icon{transform:translate3d(2px,-2px,0)}.spd-landing :where(a,button,[tabindex]):focus-visible{outline:2px solid var(--spd-primary);outline-offset:2px}.spd-eyebrow{font-size:12px;font-weight:600;line-height:16px;letter-spacing:.18em;text-transform:uppercase;color:var(--spd-primary)}.spd-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--spd-border);border-radius:999px;background:var(--spd-card);font-size:12px;font-weight:500;line-height:16px;color:var(--spd-foreground)}.spd-chip--brand{border-color:transparent;background:var(--spd-primary-soft);color:var(--spd-primary)}.spd-chip--muted{color:var(--spd-muted-foreground)}.spd-chip__icon{font-size:14px;color:var(--spd-primary)}.spd-header{position:sticky;top:0;z-index:40;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--spd-border);transition:background-color .3s ease,box-shadow .3s ease}@supports not (backdrop-filter: blur(1px)){.spd-header{background:var(--spd-card)}}.spd-header.is-scrolled{background:#fffffff0;box-shadow:0 10px 30px #171a210d}.spd-header__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:var(--spd-header-h)}.spd-header__progress{position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:linear-gradient(90deg,var(--spd-primary),#8b8af7);transform:scaleX(var(--progress, 0));transform-origin:0 50%;opacity:0;transition:opacity .3s ease}.spd-header.is-scrolled .spd-header__progress{opacity:1}.spd-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;background:none;border:0;padding:0;font:inherit;cursor:pointer}.spd-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border-radius:var(--spd-radius-lg);background:var(--spd-primary);color:var(--spd-primary-foreground);font-size:16px;transition:transform .3s var(--spd-ease),box-shadow .3s var(--spd-ease)}.spd-brand:hover .spd-brand__mark{transform:translateY(-1px) rotate(-4deg);box-shadow:0 8px 18px #5352ed47}.spd-brand__name{font-size:15px;font-weight:600;letter-spacing:-.025em;color:var(--spd-foreground)}.spd-header__actions{display:flex;align-items:center;gap:8px}.spd-header__tagline,.spd-header__login{display:none}.spd-lang{position:relative}.spd-lang__trigger{gap:6px}.spd-lang__icon{font-size:15px;color:var(--spd-muted-foreground)}.spd-lang__caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.45;transition:transform .2s ease,opacity .2s ease}.spd-lang__trigger[aria-expanded=true] .spd-lang__caret{transform:rotate(180deg);opacity:.8}.spd-lang__menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:6px;border:1px solid var(--spd-border);border-radius:var(--spd-radius-md);background:var(--spd-card);box-shadow:var(--spd-shadow-md);animation:spd-pop .22s var(--spd-ease)}.spd-lang__item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 10px;border:0;border-radius:var(--spd-radius-sm);background:none;font:inherit;font-size:14px;color:var(--spd-foreground);text-align:left;cursor:pointer;transition:background-color .18s ease,color .18s ease}.spd-lang__item svg{font-size:15px;color:var(--spd-primary)}.spd-lang__item:hover,.spd-lang__item:focus-visible{background:var(--spd-muted);color:var(--spd-primary)}.spd-lang__item.is-active{font-weight:600;color:var(--spd-primary)}.spd-hero{border-bottom:1px solid var(--spd-border)}.spd-hero__grid{display:grid;align-items:center;gap:48px;padding-block:80px}.spd-hero__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.spd-hero__title{margin-top:24px;font-size:36px;line-height:1.14}.spd-hero__title span{display:block}.spd-hero__title .is-accent{color:var(--spd-primary)}.spd-hero__lead{margin-top:24px;max-width:560px;font-size:16px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}.spd-hero__visual{display:flex;align-items:center;justify-content:center;position:relative;padding-block:16px;perspective:1100px;background-image:radial-gradient(closest-side,#5352ed1f,#5352ed00 74%);background-repeat:no-repeat;background-position:center}.spd-hero__visual:before{content:"";position:absolute;inset:12% 8%;border-radius:50%;background:radial-gradient(closest-side,rgba(83,82,237,.1),transparent 70%);transform:translate3d(calc(var(--shift-x, 0px) * -1.8),calc(var(--shift-y, 0px) * -1.8),0);transition:transform .5s var(--spd-ease);pointer-events:none}.spd-phone-float{position:relative;animation:spd-drift 9s ease-in-out infinite}.spd-phone-tilt{transform:rotate(2deg) translate3d(var(--shift-x, 0px),var(--shift-y, 0px),0) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transition:transform .45s var(--spd-ease)}@keyframes spd-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-10px,0)}}.spd-phone-frame{width:min(320px,80vw);padding:10px;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:var(--spd-shadow-lift);transition:box-shadow .35s var(--spd-ease)}.spd-phone-screen{border-radius:10px;overflow:hidden;background:var(--spd-muted)}.spd-browser-frame{width:100%;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:var(--spd-shadow-lift);overflow:hidden}.spd-phone-screen img,.spd-browser-frame img{width:100%}.spd-browser-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--spd-border);background:var(--spd-card)}.spd-browser-dot{width:10px;height:10px;flex:none;border:1px solid var(--spd-border);border-radius:999px;background:var(--spd-muted)}.spd-browser-url{margin-inline:auto;max-width:72%;padding:4px 14px;border:1px solid var(--spd-border);border-radius:999px;background:var(--spd-background);color:var(--spd-muted-foreground);font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spd-shot{position:relative;display:block;width:auto;padding:0;border:0;background:none;font:inherit;text-align:inherit;cursor:zoom-in;transition:transform .4s var(--spd-ease),box-shadow .4s var(--spd-ease),filter .4s var(--spd-ease)}.spd-shot--phone{width:min(320px,80vw)}@media(hover:hover){.spd-shot:hover{transform:translate3d(0,-6px,0);box-shadow:0 30px 70px #171a211a}.spd-shot:hover .spd-shot__hint{opacity:1;transform:translateZ(0)}}.spd-shot__hint{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--spd-border);border-radius:999px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--spd-shadow-sm);font-size:12px;font-weight:500;color:var(--spd-foreground);opacity:0;transform:translate3d(0,6px,0);transition:opacity .28s var(--spd-ease),transform .28s var(--spd-ease);pointer-events:none}.spd-shot__hint svg{font-size:13px;color:var(--spd-primary)}.spd-shot--phone .spd-shot__hint{right:22px;bottom:22px}.spd-showcase--ledger,.spd-features{border-top:1px solid var(--spd-border)}.spd-showcase__grid{display:grid;align-items:center;gap:40px}.spd-showcase__copy{min-width:0}.spd-showcase__title{margin-top:12px;font-size:30px;line-height:1.2}.spd-showcase__text{margin-top:16px;max-width:520px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-ticks{display:flex;flex-direction:column;gap:14px;margin-top:28px}.spd-ticks li{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--spd-foreground)}.spd-ticks__icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border-radius:var(--spd-radius-lg);background:var(--spd-primary-soft);color:var(--spd-primary);font-size:16px;transition:background-color .3s var(--spd-ease),color .3s var(--spd-ease),transform .3s var(--spd-ease)}@media(hover:hover){.spd-ticks li:hover .spd-ticks__icon{background:var(--spd-primary);color:var(--spd-primary-foreground);transform:translate3d(2px,-2px,0)}}.spd-rhythm{padding-block:80px;border-top:1px solid var(--spd-border)}.spd-rhythm__grid{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:var(--spd-shadow-sm)}.spd-rhythm__cell{padding:40px 24px;text-align:center}.spd-rhythm__grid>.spd-rhythm__cell+.spd-rhythm__cell{border-left:1px solid var(--spd-border)}.spd-rhythm__value{font-size:36px;font-weight:600;line-height:1.1;color:var(--spd-foreground)}.spd-rhythm__caption{margin-top:10px;font-size:14px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-rhythm__rule{width:28px;height:2px;margin:18px auto 0;border-radius:999px;background:var(--spd-primary);opacity:.16;transform:scaleX(.4);transition:transform .7s var(--spd-ease),opacity .7s var(--spd-ease)}.spd-rhythm__cell.is-live .spd-rhythm__rule{opacity:.55;transform:scaleX(1)}.spd-features__grid{display:grid;gap:48px}.spd-features__title{margin-top:0;font-size:30px;line-height:1.2}.spd-features__lead{margin-top:16px;max-width:360px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-features__list{border-top:1px solid var(--spd-border)}.spd-feature{position:relative;display:flex;gap:20px;padding:32px 16px 32px 0;border-bottom:1px solid var(--spd-border);transition:background-color .32s var(--spd-ease),padding-left .32s var(--spd-ease)}.spd-feature:before{content:"";position:absolute;inset:0 -16px;border-radius:var(--spd-radius-md);background:var(--spd-primary);opacity:0;transition:opacity .32s var(--spd-ease);pointer-events:none}.spd-feature>*{position:relative}@media(hover:hover){.spd-feature:hover,.spd-feature:focus-within{padding-left:16px}.spd-feature:hover:before,.spd-feature:focus-within:before{opacity:.035}.spd-feature:hover .spd-feature__icon,.spd-feature:focus-within .spd-feature__icon{background:var(--spd-primary);color:var(--spd-primary-foreground);transform:translate3d(0,-2px,0)}.spd-feature:hover .spd-feature__cue,.spd-feature:focus-within .spd-feature__cue{opacity:1;transform:none}}.spd-feature__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border-radius:var(--spd-radius-lg);background:var(--spd-primary-soft);color:var(--spd-primary);font-size:20px;transition:background-color .32s var(--spd-ease),color .32s var(--spd-ease),transform .32s var(--spd-ease)}.spd-feature__heading{font-size:16px;font-weight:600;letter-spacing:-.015em;color:var(--spd-foreground)}.spd-feature__text{margin-top:6px;max-width:460px;font-size:14px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-feature__cue{align-self:center;margin-left:auto;font-size:18px;color:var(--spd-primary);opacity:0;transform:translate3d(-8px,8px,0);transition:opacity .32s var(--spd-ease),transform .32s var(--spd-ease)}.spd-cta{padding-top:80px;padding-bottom:40px;border-top:1px solid var(--spd-border)}.spd-cta__card{position:relative;padding:64px 24px;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:var(--spd-shadow-sm);text-align:center;overflow:hidden}.spd-cta__card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(83,82,237,.1),transparent 62%);opacity:0;transition:opacity .4s ease;pointer-events:none}@media(hover:hover){.spd-cta__card:hover:before{opacity:1}}.spd-cta__inner{position:relative;display:block}.spd-cta__title{font-size:30px;line-height:1.2}.spd-cta__text{margin:16px auto 0;max-width:560px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-cta__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:32px}.spd-footer{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;margin-top:40px;padding-block:24px 8px;border-top:1px solid var(--spd-border);font-size:12px;color:var(--spd-muted-foreground)}.spd-footer__brand{display:flex;align-items:center;gap:8px}.spd-footer__brand strong{font-weight:500;color:var(--spd-foreground)}.spd-footer__sep{color:var(--spd-border)}.spd-lb{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px}.spd-lb__backdrop{position:absolute;inset:0;border:0;padding:0;background:#171a218c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;animation:spd-fade .22s ease-out}.spd-lb__panel{position:relative;display:flex;flex-direction:column;width:min(1120px,100%);height:100%;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:0 30px 80px #171a213d;overflow:hidden;animation:spd-pop .28s var(--spd-ease)}.spd-lb__head{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 20px;border-bottom:1px solid var(--spd-border);flex:none}.spd-lb__label{display:flex;flex-direction:column;gap:2px;min-width:0}.spd-lb__label strong{font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--spd-foreground)}.spd-lb__label span{font-size:12px;color:var(--spd-muted-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spd-lb__body{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0;padding:20px;background:var(--spd-muted);overflow:hidden;container-type:size}.spd-lb__img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:var(--spd-radius-sm);box-shadow:var(--spd-shadow-md);transition:transform .3s var(--spd-ease)}.spd-lb__img[data-rot="90"],.spd-lb__img[data-rot="270"]{max-width:calc(100cqh - 40px);max-height:calc(100cqw - 40px)}.spd-lb__img[data-rot="90"]{transform:rotate(90deg)}.spd-lb__img[data-rot="180"]{transform:rotate(180deg)}.spd-lb__img[data-rot="270"]{transform:rotate(270deg)}.spd-lb__tools{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}.spd-lb__count{font-size:12px;font-variant-numeric:tabular-nums;color:var(--spd-muted-foreground);padding-right:4px}.spd-lb__tool{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:none;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);color:var(--spd-muted-foreground);font-size:18px;cursor:pointer;transition:color .2s ease,border-color .2s ease,transform .2s ease,opacity .2s ease}.spd-lb__tool:hover{color:var(--spd-primary);border-color:#5352ed66}.spd-lb__tool:focus-visible,.spd-lb__backdrop:focus-visible{outline:2px solid var(--spd-primary);outline-offset:2px}.spd-lb__close:hover{transform:rotate(90deg)}@keyframes spd-fade{0%{opacity:0}}@keyframes spd-pop{0%{opacity:0;transform:translate3d(0,12px,0) scale(.98)}}.spd-totop{position:fixed;right:24px;bottom:24px;z-index:30;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--spd-border);border-radius:999px;background:var(--spd-card);color:var(--spd-primary);box-shadow:var(--spd-shadow-md);font-size:18px;cursor:pointer;opacity:0;visibility:hidden;transform:translate3d(0,10px,0);transition:opacity .3s var(--spd-ease),transform .3s var(--spd-ease),visibility 0s linear .3s,background-color .2s ease,color .2s ease}.spd-totop.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .3s var(--spd-ease),transform .3s var(--spd-ease),background-color .2s ease,color .2s ease}.spd-totop:hover{background:var(--spd-primary);color:var(--spd-primary-foreground)}.spd-landing.is-reveal-ready [data-reveal]{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--spd-ease),transform .7s var(--spd-ease);transition-delay:var(--reveal-delay, 0ms)}.spd-landing.is-reveal-ready [data-reveal].is-revealed{opacity:1;transform:none}.spd-landing.is-reveal-ready .spd-rhythm__cell{opacity:0;transform:translate3d(0,18px,0);transition:opacity .7s var(--spd-ease),transform .7s var(--spd-ease);transition-delay:var(--reveal-delay, 0ms)}.spd-landing.is-reveal-ready .spd-rhythm__grid.is-revealed .spd-rhythm__cell{opacity:1;transform:none}@media(min-width:640px){.spd-header__actions{gap:12px}.spd-header__login{display:inline-flex}.spd-hero__title{font-size:48px}.spd-hero__lead{font-size:18px;line-height:1.625}.spd-showcase__title,.spd-features__title,.spd-cta__title{font-size:36px}.spd-cta__card,.spd-rhythm__cell{padding-inline:40px}.spd-footer{flex-direction:row}}@media(min-width:768px){.spd-header__tagline,.spd-header__login{display:inline-flex}.spd-hero__grid{grid-template-columns:1.05fr .95fr;padding-block:96px}.spd-showcase__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spd-features__grid{grid-template-columns:2fr 3fr}.spd-rhythm{padding-block:96px}.spd-cta{padding-top:96px}.spd-cta__card{padding-block:80px}}@media(min-width:1024px){.spd-hero__grid{padding-block:112px}.spd-hero__title{font-size:56px;line-height:1.1}.spd-showcase__grid{gap:64px}.spd-features__grid{gap:80px}}@media(max-width:767px){.spd-section{padding-block:64px}.spd-header__tagline{display:none}.spd-phone-tilt{transform:none}.spd-phone-frame,.spd-shot--phone{width:min(300px,86vw)}.spd-rhythm__grid{grid-template-columns:1fr}.spd-rhythm__grid>.spd-rhythm__cell+.spd-rhythm__cell{border-left:0;border-top:1px solid var(--spd-border)}.spd-hero__actions .spd-btn{flex:1 1 auto}.spd-lb{padding:12px}.spd-lb__panel{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.spd-lb__head{padding:8px 8px 8px 14px}.spd-lb__body{padding:12px}.spd-lb__img[data-rot="90"],.spd-lb__img[data-rot="270"]{max-width:calc(100cqh - 24px);max-height:calc(100cqw - 24px)}}@media(max-width:400px){.spd-shell{padding-inline:20px}.spd-hero__actions,.spd-cta__actions{flex-direction:column;align-items:stretch}.spd-feature{gap:14px;padding-right:0}}@media(min-width:768px)and (max-width:1023px){.spd-showcase--ledger .spd-showcase__grid{gap:32px}}@media(pointer:coarse){.spd-header .spd-btn,.spd-brand{min-height:44px}.spd-lb__tool{width:44px;height:44px}.spd-shot__hint{opacity:1;transform:none}}@media print{.spd-header,.spd-totop,.spd-lb{display:none}}@media(prefers-reduced-motion:reduce){.spd-landing *,.spd-landing *:before,.spd-landing *:after,.spd-lb,.spd-lb *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.spd-landing.is-reveal-ready [data-reveal],.spd-landing.is-reveal-ready .spd-rhythm__cell{opacity:1;transform:none}.spd-phone-float{animation:none}}.auto-logout-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:10000}.auto-logout-modal{background:#fff;padding:24px;border-radius:8px;box-shadow:0 4px 12px #00000026;text-align:center;max-width:400px;width:90%}.auto-logout-modal h3{margin:0 0 16px;color:#333;font-size:18px}.auto-logout-modal p{margin:0 0 24px;color:#666;line-height:1.5}.auto-logout-buttons{display:flex;gap:12px;justify-content:center}.stay-logged-in-btn,.logout-now-btn,.relogin-btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.stay-logged-in-btn,.relogin-btn{background-color:#007bff;color:#fff}.stay-logged-in-btn:hover,.relogin-btn:hover{background-color:#0056b3}.logout-now-btn{background-color:#6c757d;color:#fff}.logout-now-btn:hover{background-color:#545b62}.spd-nf{display:flex;flex-direction:column;min-height:100vh}.spd-nf__main{display:flex;flex:1;align-items:center;justify-content:center;padding-block:64px}.spd-nf__card{position:relative;width:100%;max-width:560px;padding:56px 28px;border:1px solid var(--spd-border);border-radius:var(--spd-radius-lg);background:var(--spd-card);box-shadow:var(--spd-shadow-md);text-align:center;overflow:hidden}.spd-nf__card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at 50% 0%,rgba(83,82,237,.1),transparent 62%);pointer-events:none}.spd-nf__inner{position:relative}.spd-nf__code{margin-top:20px;font-size:88px;font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--spd-primary);font-variant-numeric:tabular-nums}.spd-nf__title{margin-top:16px;font-size:26px;line-height:1.2}.spd-nf__lead{margin:16px auto 0;max-width:420px;font-size:15px;line-height:1.625;color:var(--spd-muted-foreground)}.spd-nf__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:32px}@media(min-width:640px){.spd-nf__card{padding:72px 48px}.spd-nf__code{font-size:120px}.spd-nf__title{font-size:32px}}@media(max-width:400px){.spd-nf__actions{flex-direction:column;align-items:stretch}.spd-nf__actions .spd-btn{flex:1 1 auto}}