:root{--splash-bg: radial-gradient(circle at 18% 8%, rgba(96, 124, 212, .18), transparent 34%), radial-gradient(circle at 86% 10%, rgba(231, 180, 101, .14), transparent 31%), linear-gradient(158deg, #04060d 0%, #090f1a 42%, #101a2d 100%);--splash-surface: rgba(10, 15, 27, .84);--splash-line: rgba(110, 132, 175, .34);--splash-text: #eef3fb;--splash-muted: #abb7cc}*{box-sizing:border-box}html,body{height:100%}body.splash-page{margin:0;color:var(--splash-text);font-family:Manrope,Roboto,Segoe UI,sans-serif;background:var(--splash-bg);overflow:hidden}body.splash-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle at 22% 22%,rgba(156,192,255,.07),transparent 20%),radial-gradient(circle at 66% 42%,rgba(239,207,148,.08),transparent 26%),radial-gradient(circle at 76% 74%,rgba(115,149,255,.08),transparent 24%);animation:ambienceShift 14s ease-in-out infinite alternate}.splash-shell{min-height:100%;display:grid;place-items:center;padding:1.15rem}.splash-card{position:relative;width:min(960px,100%);border-radius:34px;border:1px solid var(--splash-line);background:radial-gradient(circle at 87% 6%,rgba(173,207,255,.14),transparent 29%),linear-gradient(180deg,#0e1829eb,#090e1be6);box-shadow:0 34px 82px #00000094,inset 0 1px #dfeaff26;padding:clamp(1rem,2.8vw,1.55rem);display:grid;gap:1rem;overflow:hidden;animation:cardRise .98s cubic-bezier(.2,.96,.28,1) both}.splash-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(120deg,transparent 8%,rgba(255,255,255,.08) 42%,transparent 74%);opacity:0;animation:sheenScan 4.8s ease-in-out 1}.splash-head{position:relative;z-index:2;display:flex;align-items:center;gap:.8rem}.splash-logo{width:60px;height:60px;border-radius:16px;box-shadow:0 14px 26px #02071280}.splash-kicker{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--splash-muted);font-weight:700}.splash-head h1{margin:.12rem 0 0;font-size:clamp(1.5rem,3.6vw,2.4rem);line-height:1.04}.cabinet-wrap{display:grid;justify-items:center}.cabinet{width:min(640px,88vw);aspect-ratio:16 / 9;position:relative;perspective:1600px}.cabinet:before{content:"";position:absolute;left:15%;right:15%;bottom:-8%;height:14%;border-radius:999px;background:radial-gradient(circle,#506dc980,#22346100);filter:blur(16px)}.cabinet-glow{position:absolute;inset:9% 16%;border-radius:30px;background:radial-gradient(circle,rgba(129,160,255,.25),transparent 68%);filter:blur(9px);animation:glowPulse 3.3s ease-in-out infinite}.cabinet-frame{position:absolute;inset:0;border-radius:34px;border:1px solid rgba(130,157,203,.56);background:linear-gradient(165deg,#2433518c,#0e1828d1),radial-gradient(circle at 50% 8%,rgba(243,205,140,.16),transparent 30%);box-shadow:inset 0 1px #d6e4ff42,0 30px 68px #00000073;overflow:hidden}.cabinet-interior{position:absolute;inset:7% 6%;border-radius:24px;border:1px solid rgba(136,164,218,.28);background:radial-gradient(circle at 52% 0%,rgba(248,206,136,.16),transparent 34%),linear-gradient(180deg,#0b1320f5,#080d18f5);opacity:.34;transform:scale(.97);filter:blur(1.8px);transition:opacity .82s ease,transform .82s ease,filter .82s ease}.shelf{position:absolute;left:7%;right:7%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(237,196,121,.46),transparent)}.shelf-top{top:34%}.shelf-mid{top:66%}.cabinet-showcase{position:absolute;inset:12% 7% 8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.52rem;align-items:end;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .42s ease,transform .42s ease}.cabinet-showcase-item{margin:0;display:grid;gap:.24rem;align-items:end;opacity:0;transform:translateY(22px) scale(.94)}.cabinet-showcase-media{border-radius:12px;border:1px solid rgba(146,174,221,.42);background:linear-gradient(180deg,#19273ee6,#0c1422f2);box-shadow:0 12px 24px #03091466;overflow:hidden;min-height:124px;animation:showcaseFloat 3.8s ease-in-out infinite;animation-delay:var(--showcase-delay, 0ms)}.cabinet-showcase-image{width:100%;height:100%;max-height:160px;object-fit:cover;display:block}.cabinet-showcase-caption{display:grid;gap:.08rem;text-align:center}.cabinet-showcase-name{font-size:.66rem;font-weight:700;color:#e9f0ff;letter-spacing:.01em;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cabinet-showcase-meta{color:#adbbcf;font-size:.58rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cabinet-door{position:absolute;top:4%;bottom:4%;width:48%;border-radius:24px;border:1px solid rgba(151,176,220,.45);background:linear-gradient(180deg,#172238f2,#0c1523f7),radial-gradient(circle at 50% 0%,rgba(232,198,127,.14),transparent 22%);box-shadow:inset 0 1px #dde8ff29;transition:transform 1.24s cubic-bezier(.17,1,.28,1)}.cabinet-door-left{left:2.8%;transform-origin:left center}.cabinet-door-right{right:2.8%;transform-origin:right center}.door-handle{position:absolute;top:45%;width:8px;height:38px;border-radius:999px;background:linear-gradient(180deg,#ffdca2,#c58f4d)}.cabinet-door-left .door-handle{right:8%}.cabinet-door-right .door-handle{left:8%}.cabinet-caption{margin:0;text-align:center;color:#bdc9dc;font-size:.84rem}.splash-actions{display:grid;justify-items:center;gap:.62rem}.enter-btn{min-width:228px;min-height:40px;border-radius:999px;border:1px dashed rgba(175,198,237,.54);background:#17243acc;color:#e7eefb;font-size:.84rem;font-family:inherit;font-weight:740;letter-spacing:.04em;text-transform:uppercase;opacity:0;transform:translateY(8px);cursor:default;pointer-events:none;transition:opacity .28s ease,transform .28s ease,filter .16s ease,box-shadow .16s ease}.enter-btn:disabled{pointer-events:none}.splash-card[data-state=ready] .enter-btn{opacity:1;transform:translateY(0);animation:hintPulse 2.2s ease-in-out infinite}.splash-card[data-state=ready]{cursor:pointer}.enter-btn:hover,.enter-btn:focus-visible{filter:none;box-shadow:none;outline:none}.splash-status{margin:0;color:var(--splash-muted);font-size:.88rem;text-align:center}.splash-card[data-state=opening] .cabinet-door-left{transform:rotateY(-108deg)}.splash-card[data-state=opening] .cabinet-door-right{transform:rotateY(108deg)}.splash-card[data-state=opening] .cabinet-interior{opacity:1;transform:scale(1);filter:blur(0)}.splash-card[data-state=opening] .cabinet-glow{animation:none;opacity:.86}.splash-card[data-state=opening] .cabinet-showcase{opacity:1;transform:translateY(0) scale(1)}.splash-card[data-state=opening] .cabinet-showcase-item{animation:showcaseReveal .62s cubic-bezier(.2,.92,.26,1) forwards;animation-delay:calc(.19s + var(--showcase-delay, 0ms))}.splash-card[data-state=opening]{animation:cardToApp 1.6s cubic-bezier(.2,1,.24,1) both}@keyframes ambienceShift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-8px,0) scale(1.015)}}@keyframes cardRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sheenScan{0%,44%{opacity:0;transform:translate(-30%)}48%{opacity:1}70%{opacity:1;transform:translate(22%)}to{opacity:0;transform:translate(44%)}}@keyframes cardToApp{0%{opacity:1;transform:scale(1)}68%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.19)}}@keyframes glowPulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes showcaseReveal{0%{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes showcaseFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hintPulse{0%,to{border-color:#afc6ed8a;color:#e7eefb}50%{border-color:#e4c17dbd;color:#f3d7ac}}@media(max-width:860px){.splash-card{border-radius:24px}.cabinet-showcase{gap:.4rem}.cabinet-showcase-meta{display:none}}@media(max-width:620px){.splash-shell{padding:.76rem}.splash-card{gap:.86rem;padding:.84rem}.splash-head h1{font-size:clamp(1.25rem,8vw,1.85rem)}.splash-logo{width:46px;height:46px}.cabinet{width:min(540px,92vw)}.cabinet-showcase{inset:12% 5% 7%;gap:.34rem}.cabinet-showcase-media{min-height:98px}.cabinet-showcase-image{max-height:130px}.cabinet-showcase-name{font-size:.58rem}.cabinet-caption{font-size:.76rem}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:1ms!important}}
