@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@300;500;700&display=swap";
:root{--ink:#faf8ff;--ink-soft:#c8d0ff;--paper:#111118;--edge:#56e6ff;--edge-soft:#6e72ff;--glow:#5ef4ff}*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:IBM Plex Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:var(--ink);background:radial-gradient(circle at 10% 20%,#22203a 0%,#0000 45%),radial-gradient(circle at 90% 80%,#1c1a4a 0%,#0000 40%),linear-gradient(145deg,#09080f 0%,#151223 35%,#0b0816 100%);overflow:hidden}.page{isolation:isolate;place-items:center;min-height:100vh;padding:4vw 2rem;display:grid;position:relative}.page:before,.page:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.page:before{background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 32px),repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 38px);-webkit-mask:linear-gradient(165deg,#0000 0% 24%,#fff 45% 100%);mask:linear-gradient(165deg,#0000 0% 24%,#fff 45% 100%)}.page:after{filter:blur(2px);background:linear-gradient(120deg,#0000 10%,#5af5ff14 50%,#0000 85%);animation:8s linear infinite sweep}.coming-frame{border:1px solid color-mix(in srgb, var(--edge) 30%, white 0%);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(145deg,#141222cc,#11101980);width:fit-content;max-width:min(100%,900px);padding:clamp(1.75rem,6vw,3rem) clamp(1.5rem,7vw,4rem);animation:1s cubic-bezier(.2,.7,.2,1) both rise;position:relative;overflow:hidden;transform:skew(-8deg);box-shadow:0 25px 70px #00000073,inset 0 0 0 1px #ffffff1a}.coming-frame:before,.coming-frame:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#5bffffa6,#0000);width:140%;height:1px;position:absolute;left:-20%}.coming-frame:before{animation:3.8s ease-in-out infinite glide;top:14px}.coming-frame:after{animation:3.8s ease-in-out infinite reverse glide;bottom:14px}.halo{mix-blend-mode:screen;opacity:.55;pointer-events:none;border-radius:50%;position:absolute}.halo-left{background:radial-gradient(circle,#64ecff59 0%,#0000 70%);width:430px;height:430px;animation:8s ease-in-out infinite float;top:15%;left:-90px}.halo-right{background:radial-gradient(circle,#7c62ff61 0%,#0000 68%);width:520px;height:520px;animation:10s ease-in-out infinite reverse float;bottom:8%;right:-140px}.noise{mix-blend-mode:overlay;opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch' /%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");position:absolute;inset:0}h1{letter-spacing:.35rem;text-transform:uppercase;color:#f5f9ff;text-align:center;text-shadow:0 0 22px #74f8ff66, 0 0 0 4px #ffffff08 inset;margin:0;font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:clamp(3.2rem,14vw,9.5rem);line-height:.9;animation:1.8s ease-in-out infinite pulse;transform:skew(8deg)}.coming-frame h1{animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(24px)skew(-8deg)}to{opacity:1;transform:translateY(0)skew(-8deg)}}@keyframes pulse{0%,to{filter:drop-shadow(0 0 #5ef4ff00)}50%{filter:drop-shadow(0 0 10px #5ef4ff73)}}@keyframes glide{0%{opacity:.2;transform:translate(-6px)}50%{opacity:.6;transform:translate(12px)}to{opacity:.2;transform:translate(-6px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes sweep{0%{opacity:0;transform:translate(-120%)}20%,80%{opacity:.4}to{opacity:0;transform:translate(120%)}}