.demo-page{background:linear-gradient(135deg,#191423f2,#0f0c14f7);min-height:100vh;position:relative}.demo-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(131,82,253,.15) 0%,transparent 60%);pointer-events:none}.demo-page__content{padding-top:40px;padding-bottom:60px;position:relative;z-index:1}.ui-Text.demo-page__title{margin-bottom:32px;font-weight:700;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ui-Text.demo-page__subtitle{margin-bottom:48px;color:#ffffffb3;max-width:800px;margin-left:auto;margin-right:auto}.demo-page__video-wrap{width:100%;max-width:900px;margin:0 auto;position:relative}.demo-page__video{width:100%;border-radius:12px;display:block}.demo-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;overflow:hidden;isolation:isolate;background:#07090d;transition:opacity .42s ease,visibility 0s linear 0s}.demo-page__overlay--hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .42s ease,visibility 0s linear .42s}.demo-page__overlay-glow{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2dd4bf,transparent 62%);filter:blur(48px);opacity:.28;top:-30%;left:-12%;pointer-events:none;animation:demo-drift-a 28s ease-in-out infinite alternate}.demo-page__overlay-glow--violet{background:radial-gradient(circle,#8352fd,transparent 62%);opacity:.3;top:auto;bottom:-34%;left:auto;right:-10%;width:60%;animation:demo-drift-b 34s ease-in-out infinite alternate}@keyframes demo-drift-a{0%{translate:0 0}to{translate:24% 18%}}@keyframes demo-drift-b{0%{translate:0 0}to{translate:-22% -16%}}.demo-page__overlay-glass{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:linear-gradient(160deg,#ffffff1a,#ffffff08 55%,#ffffff04),#07090d73;backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);box-shadow:inset 0 1px #ffffff29,inset 0 0 0 1px #ffffff14}.demo-page__play-btn{width:84px;height:84px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(160deg,#ffffff38,#ffffff0f),#8352fd59;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:inset 0 1px #ffffff4d,0 12px 36px #00000073,0 0 40px #8352fd40;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.demo-page__play-btn:hover,.demo-page__play-btn:focus-visible{transform:scale(1.06);border-color:#fff6;box-shadow:inset 0 1px #ffffff59,0 14px 40px #00000080,0 0 56px #8352fd66;outline:none}.ui-Icon.demo-page__play-icon{font-size:44px;color:#fff;translate:3px 0}.demo-page__play-label{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#ffffffb3}@media (prefers-reduced-motion: reduce){.demo-page__overlay,.demo-page__play-btn{transition:none}.demo-page__overlay-glow{animation:none}}