.welcome-shell{width:min(1040px,calc(100% - 48px));min-height:100svh;margin:0 auto;display:flex;flex-direction:column}
.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px}
.brand{display:inline-flex;border-radius:8px}.brand img{display:block;width:250px;max-width:100%;height:auto}
.welcome-label{color:var(--muted);font-size:12px;letter-spacing:.08em}
.welcome-main{width:min(760px,100%);margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:76px 0 64px;text-align:center}
.welcome-intro{position:relative;isolation:isolate;width:100%;margin-bottom:34px}
.welcome-intro h1{font-size:clamp(26px,6.8vw,56px);line-height:1.15;letter-spacing:-.045em;margin:0 0 20px;font-weight:700}
.welcome-intro h2{color:var(--cyan);font-size:clamp(25px,4vw,34px);line-height:1.25;letter-spacing:-.025em;margin:0 0 16px;font-weight:600}
.welcome-bounce-word{white-space:nowrap}
.welcome-text{color:var(--muted);font-size:clamp(15px,2vw,18px);margin:0;line-height:1.6}
.apps-entry{display:flex;align-items:center;gap:23px;width:100%;padding:28px;border:1px solid rgba(157,196,235,.23);border-radius:20px;background:linear-gradient(145deg,rgba(17,42,69,.96),rgba(10,27,48,.96));box-shadow:0 20px 55px rgba(0,0,0,.2);color:var(--text);text-align:left;text-decoration:none;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.apps-entry:hover{border-color:rgba(72,170,255,.7);background:linear-gradient(145deg,rgba(22,53,86,.98),rgba(12,33,57,.98));transform:translateY(-2px)}
.apps-icon{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid rgba(72,170,255,.23);border-radius:16px;background:rgba(72,170,255,.09);color:var(--cyan)}.apps-icon svg{width:29px;height:29px}
.apps-copy{display:flex;flex:1;flex-direction:column;gap:7px;min-width:0}.apps-copy strong{font-size:clamp(18px,2.5vw,22px);font-weight:600;letter-spacing:-.02em}.apps-copy>span{color:var(--muted);font-size:14px;line-height:1.6}.apps-copy .entry-caption{color:var(--cyan);font-size:13px;font-weight:600;margin-top:4px}
.entry-arrow{width:27px;height:27px;flex:0 0 27px;color:var(--cyan)}
.welcome-note{max-width:52ch;color:var(--muted);font-size:12px;line-height:1.7;margin:20px 0 0}
.welcome-footer{display:flex;justify-content:space-between;gap:16px;padding:19px 0 24px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}
.welcome-ball{position:absolute;top:0;left:0;width:14px;height:14px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle at 32% 26%,#fff 0%,#a5efff 28%,#55cbed 65%,#2583b8 100%);box-shadow:0 0 15px rgba(102,217,245,.5);will-change:transform;z-index:1}
.welcome-ball-trail{box-shadow:0 0 9px rgba(102,217,245,.22);z-index:0}
@media(max-width:600px){.welcome-shell{width:calc(100% - 32px)}.welcome-header{padding-top:24px}.brand img{width:200px}.welcome-label{display:none}.welcome-main{padding:70px 0 48px}.welcome-intro{margin-bottom:28px}.apps-entry{padding:22px 18px;gap:16px}.apps-icon{flex-basis:44px;width:44px;height:44px;border-radius:12px}.apps-icon svg{width:24px;height:24px}.entry-arrow{width:20px;height:20px;flex-basis:20px}.apps-copy>span{font-size:13px}}
@media(max-width:360px){.apps-entry{gap:12px;padding:20px 15px}.apps-icon{flex-basis:36px;width:36px;height:36px}.entry-arrow{display:none}.apps-copy strong{font-size:17px}.welcome-intro h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.welcome-ball{display:none}.apps-entry{transition:none}.apps-entry:hover{transform:none}}