.demo-welcome{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 50% 46%,#fff 0,#f8f9fa 66%);color:#242626}
.welcome-header{display:flex;justify-content:space-between;align-items:center;gap:24px;width:min(1200px,calc(100% - 80px));margin:0 auto;padding:30px 0}
.welcome-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#606966;transition:color .2s}
.welcome-back:hover{color:#232625}.welcome-back .icon{width:16px;height:16px}
.welcome-main{flex:1;display:grid;place-items:center;padding:48px 24px 120px}
.welcome-content{width:min(100%,760px);text-align:center}
.welcome-content h1{font-size:clamp(40px,5.4vw,68px);line-height:1.07;font-weight:650;letter-spacing:-.052em;text-wrap:balance}
.welcome-description{max-width:510px;margin:28px auto 0;font-size:18px;line-height:1.65;color:#697078;text-wrap:pretty}
.welcome-enter{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:64px;margin-top:38px;padding:12px 14px 12px 26px;border:1px solid #4b504c;border-radius:18px;color:#fff;background:linear-gradient(145deg,#414642,#212523 75%);box-shadow:inset 0 1px #ffffff45,inset 0 -1px #0005,0 6px 12px #17251d18,0 18px 38px #17251d12;font-size:16px;font-weight:600;transition:transform .22s ease,box-shadow .22s ease}
.welcome-enter:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 15%,#ffffff18 48%,transparent 80%);transform:translateX(-110%);transition:transform .6s ease;pointer-events:none}
.welcome-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff24;border-radius:11px;background:#ffffff0c;transition:background .22s ease}
.welcome-arrow svg{transition:transform .22s ease}
.welcome-enter:focus-visible{outline:3px solid #a56b42;outline-offset:6px}
@media(hover:hover){.welcome-enter:hover{transform:translateY(-3px);box-shadow:inset 0 1px #ffffff45,inset 0 -1px #0005,0 9px 18px #17251d20,0 22px 42px #17251d18}.welcome-enter:hover:before{transform:translateX(110%)}.welcome-enter:hover .welcome-arrow{background:#ffffff18}.welcome-enter:hover .welcome-arrow svg{transform:translateX(3px)}}
.welcome-enter:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #0004,0 3px 8px #17251d20}
.welcome-note{margin-top:22px;font-size:12px;line-height:1.6;color:#697078}
@media(max-width:600px){.welcome-header{width:calc(100% - 40px);padding:18px 0}.welcome-back{font-size:12px}.welcome-main{padding:40px 22px 80px}.welcome-description{font-size:16px;max-width:360px;margin-top:24px}.welcome-enter{font-size:14px;gap:18px;padding-left:20px;margin-top:30px}.welcome-note{max-width:270px;margin:22px auto 0}}
@media(prefers-reduced-motion:reduce){.welcome-enter,.welcome-enter:before,.welcome-arrow,.welcome-arrow svg{transition:none}.welcome-enter:hover,.welcome-enter:active,.welcome-enter:hover .welcome-arrow svg{transform:none}.welcome-enter:before{display:none}}
.demo-welcome .skip-link:not(:focus){width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}