:root{--bg: #020617;--bg-soft: #06152c;--surface: rgba(7, 18, 38, .58);--surface-strong: rgba(12, 33, 69, .74);--surface-hover: rgba(15, 54, 111, .82);--line: rgba(255, 255, 255, .16);--line-strong: rgba(125, 211, 252, .38);--text: rgba(255, 255, 255, .94);--text-muted: rgba(226, 232, 240, .68);--text-dim: rgba(203, 213, 225, .5);--accent: #38bdf8;--accent-strong: #0ea5e9;--success: #22c55e;--warning: #f59e0b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-lg: 0 28px 80px rgba(0, 0, 0, .48);--shadow-md: 0 18px 42px rgba(0, 0, 0, .38);--glass-blur: blur(24px) saturate(1.55);--font-sans: Inter, "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blur-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(circle at 16% 78%,rgba(8,145,178,.32),transparent 36%),radial-gradient(circle at 72% 28%,rgba(37,99,235,.24),transparent 42%),linear-gradient(135deg,#020617,#06152c 48%,#020617)}.blur-bg:before,.blur-bg:after{content:"";position:absolute;border-radius:50%;pointer-events:none;filter:blur(54px);opacity:.72;will-change:transform}.blur-bg:before{width:58vw;height:58vw;left:-18vw;top:8vh;background:#0ea5e957;animation:aura-drift 18s ease-in-out infinite alternate}.blur-bg:after{width:50vw;height:50vw;right:-12vw;bottom:-14vw;background:#1d4ed85c;animation:aura-drift-reverse 22s ease-in-out infinite alternate}@keyframes aura-drift{0%{transform:translateZ(0) scale(.96)}to{transform:translate3d(12vw,-8vh,0) scale(1.12)}}@keyframes aura-drift-reverse{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-10vw,-10vh,0) scale(.9)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:768px){.blur-bg:before,.blur-bg:after{filter:blur(24px);animation:none}}html,body{height:100%;overflow:hidden}body{touch-action:pan-y pinch-zoom}.home-link{position:fixed;top:max(18px,env(safe-area-inset-top));left:max(18px,env(safe-area-inset-left));z-index:80;width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background .16s ease}.home-link:hover,.home-link:focus-visible{transform:translate(-2px);border-color:var(--line-strong);background:#0ea5e933;outline:none}.home-link svg{width:22px;height:22px}.brand-header{position:fixed;top:max(18px,env(safe-area-inset-top));left:50%;z-index:60;display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);pointer-events:none;opacity:0;transform:translate(-50%,-12px);transition:opacity .26s ease,transform .26s ease}.brand-header.visible{opacity:1;transform:translate(-50%)}.logo-img{width:clamp(112px,10vw,160px);height:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.42))}.slogan-img{width:clamp(90px,8vw,128px);height:auto;opacity:.86;filter:drop-shadow(0 3px 12px rgba(0,0,0,.42))}.divider{width:1px;height:clamp(30px,3.2vw,46px);background:#ffffff6b}.loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:28px;background:transparent;transition:opacity .26s ease}.loader-logo-img{position:fixed;top:max(24px,env(safe-area-inset-top));left:50%;width:142px;height:auto;opacity:.94;transform:translate(-50%);filter:drop-shadow(0 8px 20px rgba(0,0,0,.45))}.loader-glass{width:min(640px,86vw);display:grid;gap:34px;justify-items:center}.loader-brand{color:var(--text);font-size:clamp(28px,5vw,58px);line-height:1.35;font-weight:700;text-align:center;letter-spacing:0;text-shadow:0 8px 24px rgba(0,0,0,.45)}.loader-bar-track{width:min(560px,80vw);height:12px;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffff14;box-shadow:inset 0 2px 5px #00000052}.loader-bar-fill{width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#0284c7,#38bdf8,#e0f2fe);box-shadow:0 0 18px #38bdf894;transition:width .12s ease}.loader-percent{color:var(--text-muted);font-size:13px;letter-spacing:.08em}.loader-bottom-wrap{position:fixed;bottom:max(28px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%)}.loader-slogan-img{width:112px;height:auto;opacity:.7;filter:drop-shadow(0 6px 18px rgba(0,0,0,.42))}.scroll-container{position:relative;z-index:1;width:100%;height:100vh;display:none;overflow-x:hidden;overflow-y:auto;padding:clamp(116px,12vh,156px) clamp(18px,7vw,112px) clamp(86px,12vh,148px);scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .26s ease}.scroll-container::-webkit-scrollbar{display:none}.scroll-container.ready{display:grid;gap:clamp(42px,8vh,96px)}.scroll-container.visible{opacity:1}.slide-card{min-height:calc(100vh - clamp(210px,24vh,290px));display:grid;place-items:center;scroll-snap-align:center;scroll-snap-stop:always}.card-inner{position:relative;width:min(80vw,1780px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);background:#ffffff0a;box-shadow:var(--shadow-lg);opacity:.58;transform:scale(.9);transform-origin:center center;transition:opacity .24s ease,transform .24s ease,box-shadow .24s ease;will-change:transform}.card-inner.active{opacity:1;transform:scale(1);box-shadow:var(--shadow-lg),0 0 0 1px #7dd3fc2e,0 0 60px #0ea5e91f}.card-inner img{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.page-dot-bar{position:fixed;right:max(14px,env(safe-area-inset-right));top:50%;z-index:50;display:none;flex-direction:column;align-items:center;gap:7px;max-height:min(72vh,640px);overflow-y:auto;padding:10px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;transform:translateY(-50%);transition:opacity .22s ease;scrollbar-width:none}.page-dot-bar::-webkit-scrollbar{display:none}.page-dot-bar.visible{display:flex;opacity:1}.dot{width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.dot:before{content:"";width:6px;height:6px;border-radius:999px;background:#ffffff6b;transition:width .16s ease,height .16s ease,background .16s ease}.dot:hover:before,.dot:focus-visible:before{background:#ffffffd1}.dot:focus-visible{outline:2px solid rgba(125,211,252,.82);outline-offset:2px}.dot.active:before{width:7px;height:20px;background:#fff;box-shadow:0 0 12px #ffffff7a}.page-label{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;z-index:50;transform:translate(-50%);padding:8px 22px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--text);font-size:14px;font-weight:700;letter-spacing:.08em}.gesture-guide{position:fixed;left:50%;bottom:max(76px,calc(env(safe-area-inset-bottom) + 68px));z-index:70;display:flex;justify-content:center;max-width:min(480px,calc(100vw - 32px));padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:#050f20c7;box-shadow:var(--shadow-md);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);opacity:0;pointer-events:none;transform:translate(-50%,14px);transition:opacity .24s ease,transform .24s ease}.gesture-guide.show{opacity:1;transform:translate(-50%)}.guide-content{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px}.guide-row{display:inline-flex;align-items:center;color:var(--text-muted);font-size:12px;line-height:1.45;white-space:nowrap}.guide-dot{width:5px;height:5px;margin-right:7px;border-radius:50%}.guide-row:nth-child(1) .guide-dot{background:var(--accent);box-shadow:0 0 10px #38bdf8b3}.guide-row:nth-child(2) .guide-dot{background:var(--success);box-shadow:0 0 10px #22c55eb3}.guide-row:nth-child(3) .guide-dot{background:var(--warning);box-shadow:0 0 10px #f59e0bb3}.error-panel{position:relative;z-index:3;width:min(420px,calc(100vw - 32px));margin:26vh auto 0;padding:22px;border:1px solid rgba(248,113,113,.42);border-radius:var(--radius-md);background:#7f1d1d47;color:var(--text);text-align:center;box-shadow:var(--shadow-md)}.error-panel h2{margin:0 0 10px;font-size:20px}.error-panel p{margin:0;color:var(--text-muted);line-height:1.7}@media(max-width:720px){.brand-header{top:max(18px,env(safe-area-inset-top));width:auto;gap:8px;padding:4px 10px}.home-link{top:max(18px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));width:38px;height:38px}.home-link svg{width:19px;height:19px}.logo-img{width:78px;height:auto}.slogan-img{width:62px;height:auto}.divider{height:26px}.scroll-container{padding:82px 16px 142px;scroll-snap-type:y proximity;scroll-behavior:auto}.scroll-container.ready{gap:22px}.slide-card{min-height:auto;padding:8px 0;place-items:center;scroll-snap-align:center;scroll-snap-stop:normal}.card-inner{width:min(92vw,620px);border-radius:var(--radius-md);opacity:1;transform:none;transition:box-shadow .16s ease,border-color .16s ease;will-change:auto}.card-inner.active{transform:none}.page-dot-bar{top:auto;right:auto;bottom:max(70px,calc(env(safe-area-inset-bottom) + 64px));left:50%;flex-direction:row;gap:5px;max-width:calc(100vw - 32px);max-height:none;overflow-x:auto;overflow-y:hidden;padding:6px 8px;transform:translate(-50%)}.dot{width:22px;height:22px}.dot:before{width:5px;height:5px}.dot.active:before{width:16px;height:6px}.page-label{bottom:max(20px,env(safe-area-inset-bottom));padding:7px 18px;font-size:13px}.gesture-guide{bottom:max(122px,calc(env(safe-area-inset-bottom) + 112px));padding:10px 12px}.guide-content{gap:7px 12px}.guide-row{font-size:11px}}@media(prefers-reduced-motion:reduce){.scroll-container{scroll-behavior:auto}.gesture-guide{display:none}}