:root{color:#f6f3ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#0b0710;--panel:#ffffff0a;--panel-strong:#ffffff14;--text:#f6f3ec;--muted:#cfc6d6;--line:#ffffff0f;--accent:#ff5ca8;--accent-2:#6af0ff;--accent-3:#9b5cff;--radius:22px;background:#0c0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-image:url(/assets/backgrounds/capcut-background.png),radial-gradient(circle at 12% 8%,#9b5cff1a,#0000 28rem),radial-gradient(circle at 84% 22%,#6af0ff0f,#0000 30rem),linear-gradient(#08060c 0%,#0b0710 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.display-neon{color:var(--text);text-shadow:0 2px 12px #9b5cff47,0 0 36px #ff5ca81f;font-family:VT323,monospace}img{width:100%;height:auto;display:block}button,a{-webkit-tap-highlight-color:transparent}.site-shell{overflow:hidden}.section-padding{padding:96px 6vw}.brand,.nav,.primary-button{align-items:center;display:inline-flex}.brand{letter-spacing:-.04em;font-weight:800}.brand-name{color:#7cf4ff;text-shadow:0 0 10px #7cf4ffb3,0 0 20px #7cf4ff66;margin-left:16px;font-size:28px;animation:5s infinite glitch}@keyframes glitch{0%,90%,to{text-shadow:0 0 10px #7cf4ffb3,0 0 20px #7cf4ff66;transform:translate(0)}91%{text-shadow:2px 0 #ff5ca8b3,-2px 0 #6af0ffb3;transform:translate(-2px,1px)}92%{text-shadow:-2px 0 #ff5ca8b3,2px 0 #6af0ffb3;transform:translate(2px,-1px)}93%{text-shadow:0 0 10px #7cf4ffb3,0 0 20px #7cf4ff66;transform:translate(0)}}.neon-text{text-transform:uppercase;letter-spacing:.08em;color:#7cf4ff;text-shadow:0 0 10px #7cf4ffb3,0 0 24px #7cf4ff3d,0 0 36px #43c5ff29;font-family:VT323,monospace;transition:text-shadow .3s,color .3s}.neon-text:hover{text-shadow:0 0 15px #7cf4ff,0 0 30px #7cf4ff80,0 0 45px #43c5ff4d;color:#a0f8ff}.brand-mark{filter:drop-shadow(0 18px 48px #9b5cff2e);background:0 0;border-radius:14px;justify-content:center;align-items:center;width:auto;max-width:200px;height:92px;display:inline-flex;overflow:hidden}.brand-mark img{object-fit:contain;background:0 0;width:auto;height:100%}.header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0d10d9;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:0;padding:6px 3vw;animation:10s ease-in-out infinite headerFlicker;display:flex;position:sticky;top:0;box-shadow:0 0 20px #7cf4ff1a,0 0 40px #7cf4ff0d}.header:after{content:"";background:linear-gradient(90deg,#0000,#7cf4ff80,#ff5ca880,#9b5cff80,#0000);width:100%;height:2px;animation:3s ease-in-out infinite headerLineGlow;position:absolute;bottom:0;left:0}@keyframes headerLineGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes headerFlicker{0%,to{background:#0c0d10d9}50%{background:#0c0d10d1}75%{background:#0c0d10e0}}.nav{justify-content:center;align-items:center;gap:28px;font-size:26px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.nav a{color:inherit}.nav a:hover{color:#d4f8ff}.neon-button{color:#e5ffff;text-shadow:0 0 12px #7cf4ffb3;letter-spacing:.22em;text-transform:uppercase;background:#0c0d10f0;border:1px solid #6ff3ff80;border-radius:999px;gap:10px;width:fit-content;padding:12px 22px;font-family:VT323,monospace;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:4s ease-in-out infinite buttonPulse;box-shadow:inset 0 0 3px #7cf4ff2e,0 0 30px #7cf4ff29}.neon-button:hover{background:#12101ef5;border-color:#7cf4ffd9;transform:scale(1.05);box-shadow:inset 0 0 6px #7cf4ff4d,0 0 50px #7cf4ff66,0 0 80px #7cf4ff33}@keyframes buttonPulse{0%,to{box-shadow:inset 0 0 3px #7cf4ff2e,0 0 30px #7cf4ff29}50%{box-shadow:inset 0 0 5px #7cf4ff40,0 0 40px #7cf4ff40,0 0 60px #7cf4ff1a}}.hero{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 6vw;display:flex;position:relative}.hero-container{justify-content:center;align-items:center;width:100%;max-width:100%;margin:0 auto;padding:60px 0;display:flex}.hero-banner{background:#07080f url(/assets/backgrounds/capcut-hero-banner.png) 50%/cover no-repeat;border-radius:28px;justify-content:center;align-items:center;width:100%;min-height:800px;display:flex;position:relative;overflow:visible;box-shadow:0 24px 80px #00000052}.hero-banner:before{content:"";pointer-events:none;background:linear-gradient(#07080f14,#07080f47);position:absolute;inset:0}.hero-copy h1,.section-heading h2,.cta-card h2{letter-spacing:-.08em;max-width:900px;margin:0;font-size:clamp(44px,7vw,92px);line-height:.92}.hero-copy h1{color:var(--accent-2);text-shadow:0 6px 36px #6af0ff14,0 2px 12px #9b5cff0f}.hero-text,.feature-card p,.cta-card p{color:var(--muted);line-height:1.7}.hero-text{max-width:560px;margin:24px 0 32px;font-size:18px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;margin:0 0 16px;font-size:12px;font-weight:800}.primary-button:not(.neon-button){color:#0b0710;background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:999px;gap:10px;width:fit-content;padding:14px 20px;font-weight:800}.hero-visual,.asset-frame,.cta-card,.feature-card{border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px #00000047}.hero-visual{border-radius:calc(var(--radius) - 6px);place-items:center;min-height:560px;padding:28px;display:grid;position:relative;overflow:hidden}.hero-visual:after{content:"";pointer-events:none;background-image:linear-gradient(#0000,#00000047);position:absolute;inset:0}.hero-visual .asset-veil{mix-blend-mode:overlay;background:radial-gradient(#9b5cff0f,#0000 35%);position:absolute;inset:0}.asset-placeholder{text-align:center;width:100%;min-height:420px;color:var(--muted);border:1px dashed #ffffff1f;border-radius:22px;place-items:center;display:grid}.asset-placeholder span{color:var(--text);letter-spacing:-.04em;font-size:28px;font-weight:800;display:block}.asset-placeholder small{margin-top:8px;display:block}.section-heading{margin-bottom:42px}.centered{text-align:center;margin-inline:auto}.intro,.showcase{position:relative}.feature-grid,.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-card,.asset-card{border-radius:24px}.feature-card{padding:28px}.feature-card h3,.asset-card h3{letter-spacing:-.04em;margin:0 0 10px;font-size:22px}.asset-card{text-align:center;background:var(--panel);border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative;box-shadow:0 0 15px #ff5ca866,0 0 30px #6af0ff4d,0 0 45px #9b5cff33}.asset-card:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.6;border-radius:22px;position:absolute;inset:-2px}.asset-card h3{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;text-shadow:0 0 10px #ff5ca8b3,0 0 24px #ff5ca83d,0 0 36px #ff5ca829;margin-top:20px;font-family:VT323,monospace;font-size:clamp(18px,2vw,24px)}.asset-frame{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:100%;height:400px;padding:8px;display:flex;position:relative;overflow:hidden}.asset-frame img{transform-origin:50%;object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;display:block;box-shadow:0 22px 56px #180a2899}.asset-placeholder.small{min-height:230px}.asset-placeholder.small span{font-size:20px}.cta-image-wrapper{background:var(--panel);border:2px solid #0000;border-radius:28px;width:100%;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 20px #ff5ca880,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.cta-image-wrapper:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.5;border-radius:30px;position:absolute;inset:-2px}.cta-image{width:100%;height:auto;display:block}.footer{color:var(--muted);border-top:1px solid var(--line);padding:28px 6vw;font-size:14px}.section-divider{justify-content:center;align-items:center;width:100%;height:60px;margin:20px 0;display:flex;position:relative}.divider-line{background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), var(--accent-3), transparent);border-radius:2px;width:80%;height:4px;box-shadow:0 0 20px #ff5ca899,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.divider-glow{filter:blur(10px);pointer-events:none;background:linear-gradient(90deg,#0000,#ff5ca84d,#6af0ff4d,#9b5cff4d,#0000);width:60%;height:20px;position:absolute}.system-image-wrapper{border:1px solid var(--line);background:var(--panel);border-radius:22px;width:100%;overflow:hidden}.system-image{width:100%;height:auto;display:block}.system-section{text-align:center}.system-title{color:var(--accent-2);text-transform:uppercase;letter-spacing:.18em;text-shadow:0 0 10px #6af0ffb3,0 0 24px #6af0ff3d,0 0 36px #43c5ff29;text-align:center;margin:0 0 40px;font-family:VT323,monospace;font-size:clamp(36px,5vw,64px);animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{text-shadow:0 0 10px #6af0ffb3,0 0 24px #6af0ff3d,0 0 36px #43c5ff29}50%{text-shadow:0 0 20px #6af0ff,0 0 40px #6af0ff80,0 0 60px #43c5ff4d}}.system-main-image{background:var(--panel);border:2px solid #0000;border-radius:28px;max-width:1400px;margin:0 auto 40px;position:relative;overflow:hidden;box-shadow:0 0 20px #9b5cff80,0 0 40px #6af0ff66,0 0 60px #ff5ca84d}.system-main-image:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.5;border-radius:30px;position:absolute;inset:-2px}.system-main-image .system-image{width:100%;height:auto;display:block}.system-assets-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1400px;margin:0 auto;display:grid}.system-asset-card{text-align:center;background:var(--panel);border:2px solid #0000;border-radius:18px;flex-direction:column;align-items:center;padding:15px;display:flex;position:relative;box-shadow:0 0 12px #9b5cff66,0 0 24px #6af0ff4d,0 0 36px #ff5ca833}.system-asset-card:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.5;border-radius:20px;position:absolute;inset:-2px}.system-asset-frame{background:#0000004d;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:80%;height:260px;display:flex;overflow:hidden}.system-asset-frame img{object-fit:contain;object-position:center top;width:100%;height:100%;display:block}.system-asset-card h3{color:var(--accent-3);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px #9b5cffb3,0 0 16px #9b5cff3d;margin-top:16px;font-family:VT323,monospace;font-size:clamp(14px,1.5vw,18px)}.typography-wrapper{background:var(--panel);border:2px solid #0000;border-radius:24px;justify-content:center;max-width:1400px;margin-top:40px;margin-left:auto;margin-right:auto;padding:20px;display:flex;position:relative;box-shadow:0 0 15px #9b5cff66,0 0 30px #6af0ff4d,0 0 45px #ff5ca833}.typography-wrapper:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.5;border-radius:26px;position:absolute;inset:-2px}.typography-card{text-align:center;flex-direction:column;align-items:center;width:40%;display:flex}.typography-card h3{color:var(--accent-3);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px #9b5cffb3,0 0 16px #9b5cff3d;margin-top:16px;font-family:VT323,monospace;font-size:clamp(14px,1.5vw,18px)}.typography-frame{height:280px}.story-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:1400px;margin:0 auto;display:grid}.story-image-wrapper{background:#000;border:2px solid #0000;border-radius:28px;justify-content:center;align-items:center;width:100%;height:500px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ff5ca880,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.story-image-wrapper:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.5;border-radius:30px;position:absolute;inset:-2px}.story-image{object-fit:contain;width:100%;height:100%;display:block}.asset-showcase-frame{border:1px solid var(--line);background:var(--panel);border-radius:28px;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 24px 80px #00000052}.asset-grid{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;display:grid}@media (width<=900px){.nav{gap:16px;font-size:16px;position:static;transform:none}.header{flex-wrap:wrap;padding:8px 4vw}.brand-mark{width:40px;height:40px}.brand-name{font-size:20px}.neon-button{padding:8px 16px;font-size:14px}.hero,.feature-grid,.showcase-grid,.asset-grid{grid-template-columns:1fr}.hero{min-height:60vh}.hero-banner{min-height:500px}.hero-visual{min-height:420px}.asset-showcase-frame{margin:0 20px;padding:20px}.asset-frame{height:300px}.asset-card{padding:16px}.story-grid{grid-template-columns:1fr;gap:24px}.story-image-wrapper{height:350px}.system-assets-grid{grid-template-columns:repeat(2,1fr);gap:16px}.system-asset-frame{height:200px}.typography-card{width:70%}.typography-frame{height:220px}.brand-mark{filter:drop-shadow(0 8px 18px #9b5cff1a);border-radius:10px;width:48px;height:48px}}.fade-in{animation:.7s both fadeIn}.float-soft{animation:5s ease-in-out infinite floatSoft}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.slideshow{cursor:pointer;width:100vw;height:calc(100vh - 60px);position:relative;overflow:hidden}.slideshow:before{content:"";pointer-events:none;z-index:999;background:radial-gradient(#0000 40%,#0006 100%);width:100%;height:100%;position:absolute;top:0;left:0}.slideshow:after{content:"";pointer-events:none;z-index:1000;opacity:.4;background:repeating-linear-gradient(0deg,#00000026 0 1px,#0000 1px 4px);width:100%;height:100%;animation:8s linear infinite scanlineFlicker;position:absolute;top:0;left:0}@keyframes scanlineFlicker{0%,to{opacity:.4}50%{opacity:.35}75%{opacity:.45}}.slides-container{width:100%;height:100%;position:relative}.slide{opacity:0;visibility:hidden;filter:blur(5px);justify-content:center;align-items:center;width:100%;height:100%;transition:all .8s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.8)translateY(50px)}.slide.active{opacity:1;visibility:visible;filter:blur();transform:scale(1)translateY(0)}.slide.prev{opacity:0;filter:blur(10px);transform:translate(-120%)scale(.7)rotate(-5deg)}.slide.next{opacity:0;filter:blur(10px);transform:translate(120%)scale(.7)rotate(5deg)}.slide-section{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.slide-inner{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:20px 40px;display:flex}.click-hint{color:#ffffff80;z-index:100;opacity:1;font-family:VT323,monospace;font-size:14px;animation:2s ease-in-out infinite pulse;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.progressive-slide{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 4vw;display:flex}.progressive-grid-4{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;max-width:1200px;display:grid}.progressive-grid-2{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;max-width:1200px;display:grid}.progressive-grid-system{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;width:100%;max-width:1200px;display:grid}.progressive-asset-card,.progressive-story-card,.progressive-system-card{text-align:center;opacity:0;flex-direction:column;align-items:center;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards dropIn;display:flex}@keyframes dropIn{0%{opacity:0;transform:translateY(-100px)scale(.8)}60%{opacity:1;transform:translateY(15px)scale(1.02)}80%{transform:translateY(-8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.progressive-asset-frame{background:var(--panel);border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:320px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #ff5ca866,0 0 30px #6af0ff4d,0 0 45px #9b5cff33}.progressive-asset-frame:hover{transform:translateY(-5px);box-shadow:0 0 25px #ff5ca899,0 0 50px #6af0ff80,0 0 75px #9b5cff66}.progressive-asset-frame:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.5;border-radius:22px;position:absolute;inset:-2px}.progressive-asset-frame img{object-fit:contain;width:100%;height:100%}.progressive-asset-card h3{color:var(--accent);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px #ff5ca8b3;margin-top:16px;font-family:VT323,monospace;font-size:20px}.progressive-story-frame{background:#000;border:2px solid #0000;border-radius:24px;justify-content:center;align-items:center;width:100%;height:400px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ff5ca880,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.progressive-story-frame:hover{transform:translateY(-5px);box-shadow:0 0 30px #ff5ca8b3,0 0 60px #6af0ff99,0 0 90px #9b5cff80}.progressive-story-frame:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.5;border-radius:26px;position:absolute;inset:-2px}.progressive-story-frame img{object-fit:contain;width:100%;height:100%}.progressive-system-main{width:100%;max-width:1000px}.progressive-system-frame{background:var(--panel);border:2px solid #0000;border-radius:28px;justify-content:center;align-items:center;width:100%;height:55vh;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #9b5cff80,0 0 40px #6af0ff66,0 0 60px #ff5ca84d}.progressive-system-frame:hover{transform:translateY(-5px);box-shadow:0 0 30px #9b5cffb3,0 0 60px #6af0ff99,0 0 90px #ff5ca880}.progressive-system-frame:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.5;border-radius:30px;position:absolute;inset:-2px}.progressive-system-frame img{object-fit:contain;width:100%;height:100%}.progressive-system-card-frame{background:var(--panel);border:2px solid #0000;border-radius:18px;justify-content:center;align-items:center;width:100%;height:250px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #9b5cff66,0 0 24px #6af0ff4d,0 0 36px #ff5ca833}.progressive-system-card-frame:hover{transform:translateY(-5px);box-shadow:0 0 20px #9b5cff99,0 0 40px #6af0ff80,0 0 60px #ff5ca866}.progressive-system-card-frame:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.5;border-radius:20px;position:absolute;inset:-2px}.progressive-system-card-frame img{object-fit:contain;width:100%;height:100%}.progressive-system-card h3{color:var(--accent-3);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px #9b5cffb3;margin-top:14px;font-family:VT323,monospace;font-size:18px}@media (width<=900px){.click-hint{font-size:12px;bottom:40px}.progressive-slide{padding:30px 4vw}.progressive-grid-4,.progressive-grid-2{grid-template-columns:1fr;gap:20px}.progressive-grid-system{grid-template-columns:repeat(2,1fr);gap:16px}.progressive-asset-frame{height:250px}.progressive-story-frame{height:300px}.progressive-system-frame{height:40vh}.progressive-system-card-frame{height:180px}.progressive-system-main{max-width:100%}}.landing-page{width:100%;overflow-x:hidden}.reveal-section{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 6vw;display:flex;position:relative}.reveal-section:after{content:"";background:linear-gradient(90deg, transparent, var(--accent), var(--accent-2), var(--accent-3), transparent);border-radius:2px;width:80%;height:4px;position:absolute;bottom:0;left:10%;box-shadow:0 0 20px #ff5ca899,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.reveal-grid{grid-template-columns:repeat(2,1fr);gap:32px;width:100%;max-width:1200px;margin-top:40px;display:grid}.reveal-grid-2{grid-template-columns:repeat(2,1fr);gap:40px;width:100%;max-width:1200px;margin-top:40px;display:grid}.reveal-grid-system{grid-template-columns:repeat(4,1fr);gap:24px;width:100%;max-width:1200px;margin-top:40px;display:grid}.reveal-card{text-align:center;opacity:0;flex-direction:column;align-items:center;animation:.9s cubic-bezier(.34,1.56,.64,1) forwards dropFromTop,2s ease-in-out .9s glowPulse;display:flex}@keyframes dropFromTop{0%{opacity:0;filter:blur(10px);transform:translateY(-200px)scale(.5)rotate(-8deg)}30%{opacity:.8;filter:blur();transform:translateY(30px)scale(1.08)rotate(2deg)}50%{opacity:1;filter:blur();transform:translateY(-15px)scale(.95)rotate(-1deg)}70%{filter:blur();transform:translateY(8px)scale(1.03)rotate(.5deg)}85%{filter:blur();transform:translateY(-4px)scale(.98)rotate(-.2deg)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)rotate(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff5ca880,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}50%{box-shadow:0 0 30px #ff5ca8cc,0 0 60px #6af0ff99,0 0 90px #9b5cff80}}@keyframes borderGlow{0%,to{opacity:.6}50%{opacity:1}}.reveal-frame{background:var(--panel);border:2px solid #0000;border-radius:24px;justify-content:center;align-items:center;width:100%;height:350px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 20px #ff5ca880,0 0 40px #6af0ff66,0 0 60px #9b5cff4d}.reveal-frame:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.6;border-radius:26px;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.reveal-frame:hover{transform:translateY(-12px)scale(1.04);box-shadow:0 0 40px #ff5ca8e6,0 0 80px #6af0ffb3,0 0 120px #9b5cff99}.reveal-frame img{object-fit:contain;width:100%;height:100%}.reveal-frame-story{background:#000;border:2px solid #0000;border-radius:28px;justify-content:center;align-items:center;width:100%;height:450px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #ff5ca899,0 0 50px #6af0ff80,0 0 75px #9b5cff66}.reveal-frame-story:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.6;border-radius:30px;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.reveal-frame-story:hover{transform:translateY(-12px)scale(1.04);box-shadow:0 0 45px #ff5ca8e6,0 0 90px #6af0ffcc,0 0 135px #9b5cffb3}.reveal-frame-story img{object-fit:contain;width:100%;height:100%}.reveal-frame-system{background:var(--panel);border:2px solid #0000;border-radius:20px;justify-content:center;align-items:center;width:100%;height:280px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 15px #9b5cff66,0 0 30px #6af0ff4d,0 0 45px #ff5ca833}.reveal-frame-system:before{content:"";background:linear-gradient(135deg, var(--accent-3), var(--accent-2), var(--accent));z-index:-1;opacity:.6;border-radius:22px;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.reveal-frame-system:hover{transform:translateY(-12px)scale(1.04);box-shadow:0 0 35px #9b5cffcc,0 0 70px #6af0ffb3,0 0 105px #ff5ca899}.reveal-frame-system img{object-fit:contain;width:100%;height:100%}.reveal-frame-system-main{background:var(--panel);border:2px solid #0000;border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:1000px;height:50vh;transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #ff5ca899,0 0 50px #6af0ff80,0 0 75px #9b5cff66}.reveal-frame-system-main:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-2), var(--accent-3));z-index:-1;opacity:.6;border-radius:30px;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.reveal-frame-system-main:hover{transform:translateY(-12px)scale(1.04);box-shadow:0 0 45px #ff5ca8e6,0 0 90px #6af0ffcc,0 0 135px #9b5cffb3}.reveal-frame-system-main img{object-fit:contain;width:100%;height:100%}.reveal-card h3{color:var(--accent-3);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px #9b5cffb3;margin-top:16px;font-family:VT323,monospace;font-size:18px}.reveal-hint{color:#fff9;text-shadow:0 0 10px #ffffff4d;margin-top:40px;font-family:VT323,monospace;font-size:18px;animation:2s ease-in-out infinite hintPulse}.reveal-hint.complete{color:var(--accent-2);text-shadow:0 0 15px #6af0ffcc,0 0 30px #6af0ff66;animation:1.5s ease-in-out infinite completeGlow}@keyframes hintPulse{0%,to{opacity:.5;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-8px)scale(1.05)}}@keyframes completeGlow{0%,to{text-shadow:0 0 15px #6af0ff99,0 0 30px #6af0ff4d;transform:scale(1)}50%{text-shadow:0 0 25px #6af0ff,0 0 50px #6af0ff99,0 0 75px #6af0ff4d;transform:scale(1.08)}}.slide-hint{color:#fff6;z-index:100;background:#0c0d10b3;border:1px solid #ffffff1a;border-radius:999px;padding:8px 16px;font-family:VT323,monospace;font-size:14px;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (width<=900px){.reveal-section{padding:40px 4vw}.reveal-grid,.reveal-grid-2{grid-template-columns:1fr;gap:24px}.reveal-grid-system{grid-template-columns:repeat(2,1fr);gap:16px}.reveal-frame{height:280px}.reveal-frame-story{height:350px}.reveal-frame-system{height:200px}.reveal-frame-system-main{height:40vh}}.onboarding{z-index:9999;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.onboarding.fade-out{animation:.5s forwards fadeOut}.onboarding-video{object-fit:cover;width:100%;height:100%}.onboarding-overlay{justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:30px 40px;display:flex;position:absolute;top:0;left:0}.onboarding-skip{color:#ffffffb3;text-transform:uppercase;letter-spacing:.15em;cursor:pointer;text-shadow:0 0 10px #ffffff80;border:1px solid #ffffff4d;border-radius:4px;padding:10px 20px;font-family:VT323,monospace;font-size:18px;transition:all .3s}.onboarding-skip:hover{color:#fff;border-color:#fff9;box-shadow:0 0 20px #fff3}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}