@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Bebas+Neue&family=Courier+Prime:wght@700&family=Fredoka:wght@600&family=Great+Vibes&family=Inter:wght@400;900&family=Jost:wght@700&family=Lobster&family=Nunito:wght@800&family=Orbitron:wght@900&family=Permanent+Marker&family=Playfair+Display:ital,wght@1,700&family=Poppins:wght@300;600&family=Press+Start+2P&family=Righteous&family=Rye&family=Space+Grotesk:wght@700&family=VT323&display=swap";:root{--bg: #050505;--text: #eee;--accent: #00d4ff}body{font-family:Poppins,sans-serif;background:var(--bg);color:var(--text);padding:40px 20px;margin:0}header{text-align:center;margin-bottom:60px}h1{font-size:3rem;background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}p.subtitle{color:#666;font-size:1rem;margin-top:10px}.cat-header{border-bottom:1px solid #333;padding-bottom:10px;margin:60px auto 30px;max-width:1200px;display:flex;align-items:baseline}.cat-title{font-size:1.5rem;color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-right:15px}.cat-desc{font-style:italic;color:#777;font-size:.9rem}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:0 auto}@media (max-width: 900px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.gallery{grid-template-columns:1fr}}.card{height:220px;border-radius:16px;position:relative;overflow:hidden;cursor:pointer;border:1px solid #222;background:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translateZ(0)}.card:hover{transform:translateY(-8px) scale(1.02);border-color:#777;box-shadow:0 15px 35px #00000080;z-index:10}.card-content{z-index:5;padding:10px 20px;border-radius:8px;background:#000000b3;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:.3s}.card h2{margin:0 0 5px;font-size:1.2rem;color:#fff;text-transform:uppercase;pointer-events:none}.card p{margin:0;font-size:.7rem;color:#ccc;pointer-events:none}.app-content.hidden{opacity:0;height:100vh;overflow:hidden}.app-content.visible{opacity:1;height:auto;overflow:auto;transition:opacity .8s ease-in}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;border:2px solid #050505}::-webkit-scrollbar-thumb:hover{background-color:#00d4ff}html{scrollbar-width:thin;scrollbar-color:#333 #050505}body.loading-locked{overflow:hidden!important;height:100vh}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease-out}.modal-box{background:#121212;border:1px solid #333;width:100%;max-width:800px;height:auto;max-height:85vh;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #000000b3;animation:scaleUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;position:relative}.mobile-handle-bar{display:none}.modal-header{padding:24px 32px;border-bottom:1px solid #252525;background:#181818;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;z-index:2}.modal-title h2{margin:0;color:#fff;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:900;letter-spacing:-.5px}.modal-title p{margin:6px 0 0;color:#00d4ff;font-size:1rem;font-weight:500}.close-btn{background:#222;border:1px solid #333;color:#888;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;margin-left:20px;transition:all .2s}.close-btn:hover{background:#c33;border-color:#c33;color:#fff;transform:rotate(90deg)}.modal-body{padding:30px;overflow-y:auto;background:#0e0e0e;scrollbar-width:thin;scrollbar-color:#444 #0e0e0e}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0e0e0e}.modal-body::-webkit-scrollbar-thumb{background-color:#333;border-radius:4px}.prompt-item{background:#161616;border:1px solid #252525;border-radius:12px;margin-bottom:24px;padding:20px;transition:border-color .2s}.prompt-item:hover{border-color:#444}.prompt-item:last-child{margin-bottom:0}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.prompt-label{font-size:.75rem;color:#888;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:#222;padding:4px 10px;border-radius:4px}.prompt-text{font-family:Courier Prime,monospace;color:#e0e0e0;font-size:.95rem;line-height:1.6;background:#080808;padding:16px;border-radius:8px;border:1px solid #222;white-space:pre-wrap;word-break:break-word}.btn-copy{background:transparent;color:#00d4ff;border:1px solid #00d4ff;padding:6px 14px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase}.btn-copy:hover{background:#00d4ff1a}.btn-copy.copied{background:#00d4ff;color:#000;border-color:#00d4ff}@media (max-width: 600px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{width:100%;max-width:100%;max-height:85vh;border-radius:24px 24px 0 0;border-bottom:none;animation:slideUp .4s cubic-bezier(.19,1,.22,1)}.mobile-handle-bar{display:block;width:50px;height:5px;background:#333;border-radius:10px;margin:12px auto 5px}.modal-header{padding:15px 24px;background:transparent;border-bottom:none;align-items:center}.modal-title h2{font-size:1.5rem}.close-btn{background:#222;border:none;color:#fff;width:32px;height:32px}.modal-body{padding:0 20px 40px}.prompt-item{padding:15px}.prompt-text{font-size:.85rem;padding:12px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:99999}.glitch-text{font-family:Courier Prime,monospace;font-size:2rem;font-weight:700;color:#fff;position:relative;letter-spacing:4px;margin-bottom:20px}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}.progress-bar-container{width:300px;height:4px;background:#222;position:relative;overflow:hidden}.progress-bar-fill{height:100%;background:#00d4ff;width:0%;box-shadow:0 0 10px #00d4ff;animation:loadProgress 2s ease-in-out forwards}.loading-status{margin-top:10px;font-family:Courier Prime,monospace;font-size:.8rem;color:#666}@keyframes loadProgress{0%{width:0%}40%{width:30%}70%{width:80%}to{width:100%}}@keyframes glitch-anim{0%{clip:rect(31px,9999px,94px,0)}20%{clip:rect(6px,9999px,83px,0)}40%{clip:rect(98px,9999px,4px,0)}60%{clip:rect(23px,9999px,64px,0)}80%{clip:rect(57px,9999px,49px,0)}to{clip:rect(9px,9999px,3px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(33px,9999px,5px,0)}40%{clip:rect(5px,9999px,61px,0)}60%{clip:rect(82px,9999px,32px,0)}80%{clip:rect(10px,9999px,20px,0)}to{clip:rect(24px,9999px,90px,0)}}.t-synth{background:linear-gradient(180deg,#180c2e,#390d45 60%,#ff007f);overflow:hidden;position:relative}.synth-stars{position:absolute;top:10px;left:20px;width:2px;height:2px;background:#fff;box-shadow:40px 10px #fff,120px 30px #fff,80px 80px #fff,190px 20px #fff;opacity:.8;animation:twinkle 3s infinite alternate}.synth-sun{position:absolute;top:25px;left:50%;transform:translate(-50%);width:70px;height:70px;background:linear-gradient(to bottom,#ffea00,#f05);border-radius:50%;box-shadow:0 0 40px #f05,0 0 10px #ffea00;z-index:1}.synth-grid-container{position:absolute;bottom:0;left:0;width:100%;height:50%;perspective:150px;overflow:hidden;z-index:2}.synth-grid{width:200%;height:100%;background-image:linear-gradient(rgba(255,0,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,0,255,.6) 1px,transparent 1px);background-size:40px 40px;transform:rotateX(40deg) translateY(-20px) translate(-25%);transform-origin:top center;box-shadow:0 -20px 30px #f0f3;animation:gridScroll 2s linear infinite}.t-synth .card-content{border:1px solid #ff00ff;box-shadow:0 0 10px #f0f;background:#0a0014cc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.t-synth h2{font-family:Orbitron;text-shadow:0 0 5px #ff00ff;letter-spacing:2px}.t-vapor{background:linear-gradient(135deg,#ff9a9e,#fecfef,#a18cd1);overflow:hidden}.vapor-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:3}.vapor-palm{position:absolute;font-size:4.5rem;bottom:-15px;left:-10px;filter:hue-rotate(30deg) drop-shadow(4px 4px 0 rgba(0,0,0,.2));transform-origin:bottom center;animation:sway 4s ease-in-out infinite alternate;z-index:2}.vapor-statue{position:absolute;font-size:3.5rem;top:10px;right:10px;opacity:.6;filter:grayscale(100%) contrast(1.2);animation:floatStatue 5s ease-in-out infinite;z-index:1}.t-vapor .card-content{background:silver;border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;border-radius:0;box-shadow:6px 6px #0003;color:#000;z-index:4}.t-vapor h2{font-family:VT323;color:navy;font-size:2rem;letter-spacing:2px}.t-vapor p{color:#222;font-family:sans-serif}.t-sun{background:#ffba08;overflow:hidden;position:relative}.sunburst-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(#d00000,#d00000 15deg,#ffba08 15deg,#ffba08 30deg);animation:spinBg 20s linear infinite;z-index:1}.t-sun .card-content{background:#fff;border:3px solid #000;transform:rotate(-3deg);box-shadow:5px 5px #000;z-index:5;transition:transform .3s}.t-sun:hover .card-content{transform:rotate(0) scale(1.05)}.t-sun h2{font-family:Lobster;color:#d00000;font-size:2rem;text-shadow:2px 2px 0 #ffba08}.t-sun p{color:#000;font-weight:700}.t-memphis{background-color:#ffeaa7;overflow:hidden;position:relative;border:4px solid #000!important}.mem-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#000 2px,transparent 2px),radial-gradient(#000 2px,transparent 2px);background-size:30px 30px;background-position:0 0,15px 15px;opacity:.15;z-index:1}.mem-shape{position:absolute;z-index:2;filter:drop-shadow(4px 4px 0px #000)}.mem-pill{top:20px;left:20px;width:60px;height:25px;background:#ff7675;border:3px solid #000;border-radius:20px;transform:rotate(-15deg);animation:floatMemphis 4s ease-in-out infinite}.mem-triangle{bottom:30px;left:-10px;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:40px solid #74b9ff;transform:rotate(25deg);filter:drop-shadow(4px 4px 0px #000);animation:floatMemphis 5s ease-in-out infinite reverse}.mem-zigzag{top:10px;right:15px;width:50px;height:50px;background:conic-gradient(from 135deg at top,transparent,#00cec9 0) 0 0,conic-gradient(from -45deg at bottom,transparent,#00cec9 0) 100% 100%;background-size:25px 25px;background-repeat:repeat-x;transform:rotate(45deg);opacity:.8;animation:wiggleMemphis 2s ease-in-out infinite}.mem-circle-pop{bottom:20px;right:20px;width:40px;height:40px;border:4px solid #000;background:#fd79a8;border-radius:50%;animation:floatMemphis 6s ease-in-out infinite}.t-memphis .card-content{background:#fff;border:4px solid #000;box-shadow:8px 8px #000;border-radius:0;color:#000;z-index:5;transform:rotate(-2deg);transition:transform .3s}.t-memphis:hover .card-content{transform:rotate(0) scale(1.02);box-shadow:10px 10px #000}.t-memphis h2{font-family:Righteous;color:#000;text-transform:uppercase;font-size:1.8rem}.t-memphis p{color:#333;font-weight:800;letter-spacing:.5px}.t-halftone{background:#fff;position:relative;overflow:hidden;border:3px solid #000}.half-bg-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#000 20%,transparent 20%);background-size:10px 10px;opacity:.15;z-index:1}.half-layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:80px 80px;mix-blend-mode:multiply;opacity:.6}.half-layer.cyan{background-image:radial-gradient(#00e5ff 30%,transparent 31%);animation:cmykFloat 6s infinite ease-in-out}.half-layer.magenta{background-image:radial-gradient(#ff007b 30%,transparent 31%);background-position:20px 20px;animation:cmykFloat 6s infinite ease-in-out reverse}.half-layer.yellow{background-image:radial-gradient(#fff200 30%,transparent 31%);background-position:40px 10px;animation:cmykFloat 4s infinite linear}.comic-burst{position:absolute;top:-10px;right:-10px;width:90px;height:90px;background:#ff0;border:3px solid #000;clip-path:polygon(20% 0%,40% 20%,60% 0%,80% 20%,100% 0%,85% 40%,100% 60%,85% 80%,100% 100%,70% 85%,50% 100%,30% 85%,0% 100%,15% 70%,0% 50%,15% 30%);display:flex;align-items:center;justify-content:center;z-index:4;transform:rotate(15deg);animation:burstPulse .5s infinite alternate}.comic-burst span{font-family:Bebas Neue,sans-serif;font-size:1.5rem;color:#000;font-weight:700}.t-halftone .card-content{background:#fff;border:4px solid #000;z-index:5;box-shadow:10px 10px #000;transform:skew(-5deg)}.t-halftone h2{font-family:Bebas Neue;letter-spacing:2px;font-size:2.5rem;color:#000;text-shadow:2px 2px 0 #00e5ff,-2px -2px 0 #ff007b;margin-bottom:0}.t-halftone p{background:#000;color:#fff;display:inline-block;padding:2px 5px;font-weight:700;transform:skew(5deg)}.t-pixel{background:#5c94fc;image-rendering:pixelated;overflow:hidden;position:relative}.pixel-bg-clouds{position:absolute;top:20px;left:10px;width:40px;height:10px;background:#fff;box-shadow:30px 20px #fff,90px -5px #fff;opacity:.8;animation:cloudScroll 10s linear infinite}.pixel-ground{position:absolute;bottom:0;left:0;width:100%;height:20px;background:#c84c0c;border-top:4px solid #000;z-index:2}.pixel-char{position:absolute;bottom:30px;right:30px;width:4px;height:4px;background:#f1c40f;color:#f1c40f;box-shadow:4px 0,8px 0,12px 0,16px 0,20px 0,0 -4px,24px -4px,0 -8px,24px -8px,0 -12px,8px -12px,16px -12px,24px -12px,0 -16px,24px -16px,4px -20px,8px -20px,12px -20px,16px -20px,20px -20px;transform:scale(3);animation:pixelBounce .8s steps(2,end) infinite;z-index:3}.t-pixel .card-content{border:4px solid #fff;background:#000;border-radius:0;box-shadow:0 4px #000 inset;z-index:5}.t-pixel h2{font-family:"Press Start 2P";font-size:.8rem;line-height:1.5;color:#f1c40f;text-transform:uppercase}.t-pixel p{color:#fff;font-size:.6rem}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 40px}}@keyframes twinkle{0%{opacity:.3}to{opacity:1}}@keyframes spinBg{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sway{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}@keyframes floatStatue{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatMemphis{0%,to{transform:translate(0) rotate(-15deg)}50%{transform:translate(10px,-15px) rotate(-5deg)}}@keyframes wiggleMemphis{0%,to{transform:rotate(45deg)}50%{transform:rotate(35deg) scale(1.1)}}@keyframes cmykFloat{0%{transform:translate(0)}25%{transform:translate(3px,3px)}50%{transform:translate(-3px,2px)}75%{transform:translate(-2px,-3px)}to{transform:translate(0)}}@keyframes burstPulse{0%{transform:rotate(15deg) scale(1)}to{transform:rotate(15deg) scale(1.1)}}@keyframes pixelBounce{0%{transform:scale(3) translateY(0)}50%{transform:scale(3) translateY(-4px)}to{transform:scale(3) translateY(0)}}@keyframes cloudScroll{0%{transform:translate(0)}to{transform:translate(200px)}}.t-bauhaus{background-color:#f4f4f0;position:relative;overflow:hidden;border:4px solid #111}.bau-shape{position:absolute;mix-blend-mode:multiply;opacity:.9}.bau-big-circle{top:-30px;left:-30px;width:140px;height:140px;background:#e63946;border-radius:50%;animation:bauFloat1 8s ease-in-out infinite}.bau-rect{bottom:20px;right:-10px;width:120px;height:160px;background:#1d3557;transform:rotate(-15deg);animation:bauFloat2 7s ease-in-out infinite reverse}.bau-triangle{top:40px;right:40px;width:80px;height:80px;background:#f4a261;clip-path:polygon(50% 0%,0% 100%,100% 100%);transform:rotate(20deg);animation:bauFloat3 6s ease-in-out infinite}.bau-line{top:50%;left:0;width:100%;height:8px;background:#111;transform:rotate(-30deg);opacity:.8;mix-blend-mode:normal}.t-bauhaus .card-content{background:#111;color:#fff;border-radius:0;z-index:5;padding:5px 15px;box-shadow:4px 4px #0003}.t-bauhaus h2{font-family:Jost,sans-serif;font-weight:700;letter-spacing:1px;color:#fff!important}.t-bauhaus p{color:#f4a261!important;font-family:monospace}.t-deco{background:linear-gradient(135deg,#1a1a1a,#000);position:relative;overflow:hidden;border:4px solid #b8860b}.deco-border-double{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px solid #b8860b;box-shadow:0 0 10px #b8860b4d;z-index:2}.deco-corner{position:absolute;width:60px;height:60px;z-index:3;background:repeating-radial-gradient(circle at 0 0,transparent 0,transparent 4px,#b8860b 5px,#b8860b 6px)}.deco-corner.top-left{top:10px;left:10px;border-bottom-right-radius:100%;background:repeating-radial-gradient(circle at top left,transparent 0,transparent 4px,#b8860b 5px,#b8860b 6px)}.deco-corner.top-right{top:10px;right:10px;border-bottom-left-radius:100%;background:repeating-radial-gradient(circle at top right,transparent 0,transparent 4px,#b8860b 5px,#b8860b 6px)}.deco-corner.bottom-left{bottom:10px;left:10px;border-top-right-radius:100%;background:repeating-radial-gradient(circle at bottom left,transparent 0,transparent 4px,#b8860b 5px,#b8860b 6px)}.deco-corner.bottom-right{bottom:10px;right:10px;border-top-left-radius:100%;background:repeating-radial-gradient(circle at bottom right,transparent 0,transparent 4px,#b8860b 5px,#b8860b 6px)}.deco-diamond-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:120px;height:120px;border:1px solid rgba(184,134,11,.3);z-index:1}.t-deco .card-content{background:#000;border:1px solid #b8860b;box-shadow:0 0 15px #b8860b;z-index:5}.t-deco h2{font-family:Playfair Display,serif;font-style:italic;background:linear-gradient(to right,#b8860b,gold,#b8860b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.t-deco p{color:#ccc!important}.t-nouveau{background:#2f3e46;position:relative;overflow:hidden;border:4px double #84a98c}.nouv-bg-flower{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#354f52 10%,transparent 10%);background-size:30px 30px;opacity:.3}.nouv-vine{position:absolute;width:80px;height:120%;border:3px solid #cad2c5;border-radius:50%;opacity:.6;z-index:2}.nouv-vine.left{top:-10%;left:-30px;border-right:none;animation:swayVine 4s ease-in-out infinite}.nouv-vine.right{bottom:-10%;right:-30px;border-left:none;animation:swayVine 5s ease-in-out infinite reverse}.t-nouveau .card-content{background:#2f3e46e6;border:1px solid #84a98c;border-radius:50% 50% 5px 5px;padding-top:15px;z-index:5}.t-nouveau h2{font-family:Great Vibes,cursive;font-size:2.2rem;color:#cad2c5!important}.t-victorian{background:#3e2723;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #000c}.vic-paper-texture{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 80%);z-index:1}.vic-border{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:2px dashed #8d6e63;z-index:4}.vic-gear{position:absolute;border-radius:50%;background:conic-gradient(from 0deg,#5d4037,#3e2723,#5d4037,#3e2723,#5d4037,#3e2723,#5d4037,#3e2723,#5d4037 360deg);border:3px dashed #a1887f;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 10px #00000080;z-index:2}.vic-gear-center{width:40%;height:40%;background:#3e2723;border:2px solid #8d6e63;border-radius:50%}.vic-gear-1{width:100px;height:100px;bottom:-30px;right:-30px;animation:rotateGear 8s linear infinite}.vic-gear-2{width:60px;height:60px;top:-20px;left:10px;animation:rotateGear 5s linear infinite reverse}.t-victorian .card-content{background:#281815;border:3px double #a1887f;z-index:5}.t-victorian h2{font-family:Rye,serif;color:#d7ccc8!important}@keyframes bauFloat1{0%,to{transform:translate(0)}50%{transform:translate(5px,10px)}}@keyframes bauFloat2{0%,to{transform:rotate(-15deg) translate(0)}50%{transform:rotate(-12deg) translate(-5px,-5px)}}@keyframes bauFloat3{0%,to{transform:rotate(20deg) translate(0)}50%{transform:rotate(25deg) translate(5px,-5px)}}@keyframes swayVine{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.1) translate(3px)}}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-bento{background:#111;padding:20px;display:flex;align-items:center;justify-content:center}.bento-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;width:100%;height:100%}.bento-item{background:#333;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:transform .3s}.b-square{grid-row:1 / span 2;background:linear-gradient(135deg,#ff5f6d,#ffc371);animation:bentoPulse 4s ease-in-out infinite}.b-tall{background:#4facfe;animation:bentoPulse 4s ease-in-out infinite 1s}.b-wide{background:#43e97b;animation:bentoPulse 4s ease-in-out infinite 2s}.t-bento .card-content{background:#000c;padding:5px 10px;border-radius:8px;border:1px solid #333;position:absolute;bottom:10px;right:10px;z-index:10}.t-bento h2{font-family:Inter,sans-serif;font-size:.9rem;color:#fff!important}.t-glass{background:#0f2027;overflow:hidden;position:relative}.glass-orb{position:absolute;border-radius:50%;filter:blur(20px);opacity:.8}.orb-1{width:100px;height:100px;background:#f09;top:10px;left:10px;animation:moveOrb1 5s infinite alternate}.orb-2{width:120px;height:120px;background:#00f260;bottom:-20px;right:-20px;animation:moveOrb2 6s infinite alternate}.glass-card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 4px 30px #0000001a;z-index:2}.t-glass .card-content{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 2px 4px rgba(0,0,0,.5);z-index:5}.t-glass h2{font-family:Poppins,sans-serif;letter-spacing:1px;color:#fff!important}.t-neu{background:#e0e5ec;display:flex;align-items:center;justify-content:center}.neu-shape{width:100px;height:100px;background:#e0e5ec;border-radius:30px;box-shadow:14px 14px 28px #a3b1c6,-14px -14px 28px #fff;display:flex;align-items:center;justify-content:center;animation:neuBreath 4s ease-in-out infinite}.neu-inner{width:40px;height:40px;border-radius:50%;background:#e0e5ec;box-shadow:inset 5px 5px 10px #a3b1c6,inset -5px -5px 10px #fff}.t-neu .card-content{background:transparent;border:none;box-shadow:none;color:#555;position:absolute;bottom:10px}.t-neu h2{font-family:Nunito,sans-serif;font-weight:800;color:#555!important}.t-flat{background:#3498db;overflow:hidden;position:relative}.flat-sun{position:absolute;top:20px;right:20px;width:50px;height:50px;background:#f1c40f;border-radius:50%;box-shadow:0 0 0 10px #f1c40f4d;animation:sunPulse 3s infinite}.flat-ground{position:absolute;bottom:0;width:100%;height:30%;background:#2ecc71;z-index:2}.flat-cloud{position:absolute;background:#fff;border-radius:20px;opacity:.9}.c1{width:80px;height:30px;top:40px;left:-20px;animation:floatCloud 8s linear infinite}.c2{width:60px;height:25px;top:70px;left:-20px;animation:floatCloud 6s linear infinite 2s}.t-flat .card-content{background:transparent;border:none;box-shadow:none;z-index:5}.t-flat h2{font-family:Inter,sans-serif;font-weight:900;font-size:1.8rem;text-shadow:2px 2px 0 rgba(0,0,0,.1);color:#fff!important}.t-holo{background:#ddd;overflow:hidden;position:relative}.holo-sheen{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(115deg,transparent 20%,rgba(255,0,0,.4) 30%,rgba(255,255,0,.4) 40%,rgba(0,255,0,.4) 50%,rgba(0,255,255,.4) 60%,rgba(0,0,255,.4) 70%,rgba(255,0,255,.4) 80%,transparent 90%);mix-blend-mode:color-dodge;opacity:.8;animation:holoShift 4s linear infinite}.holo-sparkles{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(white 1px,transparent 1px);background-size:20px 20px;opacity:.3;mix-blend-mode:overlay}.t-holo .card-content{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);z-index:5;box-shadow:0 4px 10px #0000001a}.t-holo h2{font-family:Poppins,sans-serif;text-transform:uppercase;letter-spacing:2px;color:#3f2b96!important}.t-holo p{color:#555!important}@keyframes bentoPulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}@keyframes moveOrb1{0%{transform:translate(0)}to{transform:translate(30px,40px)}}@keyframes moveOrb2{0%{transform:translate(0)}to{transform:translate(-30px,-20px)}}@keyframes neuBreath{0%,to{box-shadow:14px 14px 28px #a3b1c6,-14px -14px 28px #fff;transform:scale(1)}50%{box-shadow:8px 8px 16px #a3b1c6,-8px -8px 16px #fff;transform:scale(.98)}}@keyframes floatCloud{0%{left:-100px}to{left:100%}}@keyframes sunPulse{0%,to{transform:scale(1);box-shadow:0 0 0 10px #f1c40f4d}50%{transform:scale(1.1);box-shadow:0 0 0 20px #f1c40f1a}}@keyframes holoShift{0%{transform:translate(-20%) translateY(-20%) rotate(0)}to{transform:translate(0) translateY(0) rotate(0)}}.t-paper{background:#bde0fe;overflow:hidden;position:relative}.paper-layer{position:absolute;bottom:-50px;left:-10%;width:120%;border-radius:50% 50% 0 0;box-shadow:0 -5px 15px #00000026;transition:transform .3s}.p-mountains{height:180px;background:#ffc8dd;border-radius:30% 70% 0 0;animation:paperFloat 6s ease-in-out infinite alternate}.p-hills{height:120px;background:#cdb4db;border-radius:60% 40% 0 0;animation:paperFloat 5s ease-in-out infinite alternate-reverse}.p-front{height:60px;background:#a2d2ff;border-radius:50% 50% 0 0;animation:paperFloat 4s ease-in-out infinite alternate}.t-paper .card-content{background:#fff;color:#333;border:2px dashed #a2d2ff;z-index:5;box-shadow:0 5px 15px #0000001a}.t-paper h2{font-family:Fredoka,sans-serif;color:#555!important}.t-clay{background:#e0e5ec;position:relative;overflow:hidden}.clay-shape{position:absolute;box-shadow:inset 10px 10px 20px #fffc,inset -10px -10px 20px #a3b1c666,10px 20px 30px #a3b1c666;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.clay-circle{top:-20px;left:-20px;width:120px;height:120px;background:#ffafcc;border-radius:50%;animation:clayFloat 6s ease-in-out infinite}.clay-pill{bottom:20px;right:-30px;width:140px;height:80px;background:#a2d2ff;border-radius:50px;transform:rotate(-20deg);animation:clayFloat 7s ease-in-out infinite reverse}.t-clay .card-content{background:#e0e5ec99;border-radius:20px;color:#333;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #ffffff80;border:1px solid rgba(255,255,255,.2)}.t-clay h2{font-family:Fredoka,sans-serif;color:#ff6b6b!important;font-weight:600}.t-iso{background:#2d3436;overflow:hidden;display:flex;justify-content:center;align-items:center}.iso-container{position:absolute;top:40%;transform:rotateX(60deg) rotate(45deg);transform-style:preserve-3d}.iso-base{width:100px;height:100px;background:#636e72;box-shadow:-10px 10px #b2bec3,-20px 20px 50px #00000080;position:absolute;top:0;left:0}.iso-cube{width:50px;height:50px;background:#0984e3;position:absolute;top:25px;left:25px;transform:translateZ(40px);box-shadow:-5px 5px #74b9ff;animation:isoBounce 2s ease-in-out infinite}.iso-cube:after{content:"";position:absolute;width:100%;height:100%;background:#0000004d;transform:translateZ(-60px);filter:blur(10px)}.t-iso .card-content{background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;text-align:right;align-self:flex-end;margin-bottom:10px;margin-right:10px;pointer-events:none;z-index:10}.t-iso h2{font-family:Space Grotesk,sans-serif;color:#fff!important;text-shadow:2px 2px 0 #0984e3}.t-collage{background:#f0e6d2;overflow:hidden;position:relative;background-image:repeating-linear-gradient(transparent,transparent 19px,#d7ccc8 20px)}.col-photo{position:absolute;top:-10px;right:-20px;width:100px;height:120px;background:#222;border:5px solid #fff;box-shadow:3px 3px 5px #0000004d;transform:rotate(10deg);animation:stopMotion 3s steps(1) infinite}.col-torn-paper{position:absolute;bottom:20px;left:-20px;width:150px;height:60px;background:#d90429;clip-path:polygon(0% 0%,100% 10%,95% 40%,100% 80%,90% 100%,0% 100%);transform:rotate(-5deg);opacity:.9;animation:stopMotion 4s steps(1) infinite reverse}.col-tape{position:absolute;top:10px;left:40%;width:60px;height:20px;background:#fff6;box-shadow:0 1px 2px #0000001a;transform:rotate(-25deg);z-index:10}.t-collage .card-content{background:#fff;color:#000;border:none;border-radius:2px;box-shadow:5px 5px #0003;transform:rotate(2deg);z-index:5;font-family:Courier Prime,monospace}.t-collage h2{font-family:Permanent Marker,cursive;color:#d00000!important;font-size:1.6rem;transform:rotate(-2deg)}@keyframes paperFloat{0%{transform:translateY(0)}to{transform:translateY(10px)}}@keyframes clayFloat{0%,to{transform:translate(0)}50%{transform:translate(10px,-15px)}}@keyframes isoBounce{0%,to{transform:translateZ(40px)}50%{transform:translateZ(60px)}}@keyframes stopMotion{0%{transform:rotate(10deg) translate(0)}25%{transform:rotate(12deg) translate(2px,-2px)}50%{transform:rotate(9deg) translate(-1px,1px)}75%{transform:rotate(11deg) translate(1px,1px)}to{transform:rotate(10deg) translate(0)}}.t-brutal{background-color:#4d4dff;background-image:radial-gradient(#000 20%,transparent 20%);background-size:15px 15px;border:4px solid #000!important;position:relative;overflow:hidden}.brutal-shape-1{position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:#f0f;border:4px solid #000;box-shadow:6px 6px #000;z-index:2;animation:brutalSpin 4s steps(1) infinite}.brutal-btn-fake{position:absolute;bottom:15px;right:15px;background:#0f0;border:3px solid #000;box-shadow:5px 5px #000;color:#000;font-weight:900;font-family:sans-serif;padding:5px 10px;transform:rotate(-5deg);z-index:3;cursor:help;animation:brutalPop .5s infinite alternate}.t-brutal .card-content{background:#f90;border:4px solid #000;box-shadow:10px 10px #000;border-radius:0;color:#000;z-index:5;transform:rotate(2deg);transition:transform .1s}.t-brutal:hover .card-content{transform:rotate(0) scale(1.05);box-shadow:5px 5px #000}.t-brutal h2{font-family:Impact,Arial Black,sans-serif;text-transform:uppercase;background:#fff;color:#000;border:2px solid #000;padding:5px;font-size:2rem;line-height:.9;box-shadow:4px 4px #00000080}.t-brutal p{font-family:Courier New,monospace;font-weight:800;background:#fff;display:inline;padding:2px}.t-glitch{background:#000;border:1px solid #fff;overflow:hidden;position:relative}.glitch-noise{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.5'/%3E%3C/svg%3E");opacity:.3;z-index:1;mix-blend-mode:overlay}.glitch-block{position:absolute;background:red;width:100px;height:5px;opacity:.6;z-index:2;animation:glitchBlockAnim 2s infinite steps(2)}.t-glitch h2{font-family:Courier Prime,monospace;font-size:2.2rem;color:#fff;position:relative;letter-spacing:5px;animation:glitchSkew 1s infinite linear alternate-reverse}.t-glitch h2:before,.t-glitch h2:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8;background:#000}.t-glitch h2:before{color:red;z-index:-1;clip-path:polygon(0 0,100% 0,100% 33%,0 33%);animation:glitchSplitRed 2.5s infinite linear alternate-reverse}.t-glitch h2:after{color:#0ff;z-index:-2;clip-path:polygon(0 67%,100% 67%,100% 100%,0 100%);animation:glitchSplitBlue 2s infinite linear alternate-reverse}.t-glitch .card-content{background:transparent;border:1px solid rgba(255,255,255,.5);z-index:5;-webkit-backdrop-filter:grayscale(100%) contrast(1.2);backdrop-filter:grayscale(100%) contrast(1.2)}.t-cyber{background:#0a0a0a;border:2px solid #fcee0a;overflow:hidden;position:relative}.cyber-stripes{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(252,238,10,.05) 10px,rgba(252,238,10,.05) 20px);z-index:1}.cyber-hud-circle{position:absolute;top:50%;right:-30px;transform:translateY(-50%);width:120px;height:120px;border:2px dashed #fcee0a;border-radius:50%;z-index:2;animation:spinHud 10s linear infinite;opacity:.3}.cyber-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;z-index:3;pointer-events:none}.t-cyber .card-content{background:#141414f2;border-bottom:6px solid #fcee0a;border-top:1px solid #333;border-left:1px solid #333;border-right:1px solid #333;border-radius:0;z-index:5}.t-cyber h2{font-family:Orbitron,sans-serif;text-transform:uppercase;color:#fcee0a;letter-spacing:1px;font-weight:900;text-shadow:2px 2px 0px rgba(252,238,10,.2)}.t-cyber p{color:#ccc;font-size:.75rem;border-left:2px solid #fcee0a;padding-left:8px}@keyframes brutalSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes brutalPop{0%{transform:rotate(-5deg) scale(1)}to{transform:rotate(-5deg) scale(1.1)}}@keyframes glitchSkew{0%{transform:skew(0)}20%{transform:skew(-10deg)}40%{transform:skew(10deg)}60%{transform:skew(-5deg)}80%{transform:skew(5deg)}to{transform:skew(0)}}@keyframes glitchSplitRed{0%{transform:translate(0)}20%{transform:translate(-4px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(4px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitchSplitBlue{0%{transform:translate(0)}20%{transform:translate(4px,-2px)}40%{transform:translate(2px,2px)}60%{transform:translate(-4px,-2px)}80%{transform:translate(-2px,2px)}to{transform:translate(0)}}@keyframes glitchBlockAnim{0%{top:10%;left:10%;width:50%;opacity:0}10%{opacity:.5}11%{opacity:0}50%{top:80%;left:40%;width:20%;opacity:0}55%{opacity:.5}56%{opacity:0}to{opacity:0}}@keyframes spinHud{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.t-lowpoly{background:linear-gradient(135deg,#240b36,#c31432);overflow:hidden;position:relative}.poly-shard{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);clip-path:polygon(50% 0%,0% 100%,100% 100%);box-shadow:0 4px 20px #0003}.poly-shard.p1{width:90px;height:90px;top:-10px;left:10px;background:linear-gradient(45deg,rgba(255,255,255,.3),transparent);animation:floatPoly 6s ease-in-out infinite}.poly-shard.p2{width:70px;height:70px;bottom:10px;right:-10px;transform:rotate(180deg);animation:floatPoly 7s ease-in-out infinite reverse}.poly-shard.p3{width:40px;height:40px;top:40%;left:40%;animation:floatPoly 5s ease-in-out infinite 1s}.t-lowpoly .card-content{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);z-index:5}.t-lowpoly h2{font-family:Orbitron,sans-serif;letter-spacing:1px;color:#fff!important}.t-liquid{background:#fff;overflow:hidden;position:relative}.liq-blob{position:absolute;width:150px;height:150px;border-radius:50%;filter:blur(8px);mix-blend-mode:multiply;opacity:.9;animation:liquidMorph 8s ease-in-out infinite}.blob-1{background:linear-gradient(45deg,#00c6ff,#0072ff);top:-30px;left:-20px}.blob-2{background:linear-gradient(45deg,#f093fb,#f5576c);bottom:-40px;right:-20px;animation-delay:-2s;animation-direction:alternate-reverse}.blob-3{width:100px;height:100px;background:linear-gradient(45deg,#84fab0,#8fd3f4);top:30%;left:30%;animation-delay:-4s}.t-liquid .card-content{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;z-index:5;box-shadow:0 10px 20px #0000000d}.t-liquid h2{font-family:Fredoka,sans-serif;color:#f5576c!important;font-weight:600}.t-liquid p{color:#333!important}.t-check{background:#000;overflow:hidden;perspective:200px}.check-floor-container{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;display:flex;justify-content:center;align-items:center}.check-floor{width:200%;height:200%;background-image:linear-gradient(45deg,#222 25%,transparent 25%,transparent 75%,#222 75%,#222),linear-gradient(45deg,#222 25%,transparent 25%,transparent 75%,#222 75%,#222);background-position:0 0,20px 20px;background-size:40px 40px;background-color:#fff;transform:rotateX(50deg);animation:scrollCheckers 2s linear infinite}.t-check .card-content{background:#fff;border:3px solid #000;box-shadow:6px 6px #000;z-index:5;transform:rotate(-1deg)}.t-check h2{font-family:Inter,sans-serif;font-weight:900;text-transform:uppercase;color:#000!important}.t-check p{color:#000!important;font-weight:700}.t-grain{background:#f4f4f0;position:relative;overflow:hidden;border:1px solid #ccc}.grain-orb{position:absolute;top:-30px;right:-30px;width:150px;height:150px;background:linear-gradient(135deg,#ff9a9e,#fad0c4);border-radius:50%;filter:blur(30px);animation:floatGrain 5s ease-in-out infinite alternate}.grain-texture{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E");opacity:.5;mix-blend-mode:multiply;animation:grainJitter .4s steps(4) infinite;pointer-events:none}.t-grain .card-content{background:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.1);z-index:5}.t-grain h2{font-family:Courier Prime,monospace;font-weight:700;color:#000!important}.t-grain p{font-family:monospace;font-weight:700;color:#000!important}@keyframes floatPoly{0%,to{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-8px) rotate(15deg)}}@keyframes liquidMorph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(0) translate(0)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:rotate(180deg) translate(10px,10px)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:rotate(360deg) translate(0)}}@keyframes scrollCheckers{0%{background-position:0 0}to{background-position:0 80px}}@keyframes floatGrain{0%{transform:translate(0)}to{transform:translate(-10px,10px)}}@keyframes grainJitter{0%{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(2%,-2%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.t-math{background-color:#0047ab;position:relative;overflow:hidden}.math-bg{position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;width:200%;height:200%;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:30px 30px;animation:gridPan 10s linear infinite}.math-axis-x{position:absolute;top:60%;left:0;width:100%;height:2px;background:#ffffff80}.math-axis-y{position:absolute;top:0;left:40%;width:2px;height:100%;background:#ffffff80}.t-math .card-content{background:#fff;border:2px solid #0047ab;z-index:5;border-radius:4px}.t-math h2{color:#0047ab!important;font-family:Courier Prime,monospace}.t-math p{color:#444!important}.t-grid{background:#120024;position:relative;overflow:hidden;perspective:200px}.grid-horizon{position:absolute;top:40%;left:0;width:100%;height:2px;background:#ff00de;box-shadow:0 0 20px #ff00de,0 0 40px #00e5ff;z-index:2}.grid-perspective{position:absolute;top:40%;left:-50%;width:200%;height:100%;transform:rotateX(60deg);transform-origin:50% 0%}.grid-lines{width:100%;height:200%;background-image:linear-gradient(0deg,transparent 24%,rgba(224,86,253,.6) 25%,rgba(224,86,253,.6) 26%,transparent 27%,transparent 74%,rgba(224,86,253,.6) 75%,rgba(224,86,253,.6) 76%,transparent 77%,transparent),linear-gradient(90deg,transparent 24%,rgba(0,229,255,.3) 25%,rgba(0,229,255,.3) 26%,transparent 27%,transparent 74%,rgba(0,229,255,.3) 75%,rgba(0,229,255,.3) 76%,transparent 77%,transparent);background-size:60px 60px;animation:gridScroll 1s linear infinite;mask-image:linear-gradient(to bottom,transparent,black 40%);-webkit-mask-image:linear-gradient(to bottom,transparent,black 40%)}.t-grid .card-content{background:#120024cc;border:1px solid #ff00de;z-index:5;box-shadow:0 0 15px #ff00de4d}.t-grid h2{color:#00e5ff!important;font-family:Orbitron,sans-serif;letter-spacing:1px}.t-grid p{color:#f2a9ff!important}.t-anime{background:#60a5fa;overflow:hidden;position:relative}.anime-sunburst{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-conic-gradient(rgba(255,255,255,.15) 0deg 15deg,transparent 15deg 30deg);animation:spinSunburst 25s linear infinite}.anime-char{position:absolute;font-family:sans-serif;font-weight:900;font-size:8rem;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.4);-webkit-user-select:none;user-select:none;pointer-events:none}.corner-tl{top:-30px;left:-20px;transform:rotate(-10deg);animation:animeSway 6s ease-in-out infinite}.corner-br{bottom:-30px;right:-20px;transform:rotate(-15deg);animation:animeSway 6s ease-in-out infinite reverse}.t-anime .card-content{background:#fff;border:3px solid #000;box-shadow:6px 6px #0000001a;z-index:5;transform:rotate(-2deg)}.t-anime h2{font-family:Fredoka,sans-serif;color:#ef4444!important;text-transform:uppercase}.t-anime p{color:#000!important;font-weight:700}.t-hbd{background:linear-gradient(135deg,#fff5f7,#ffe4e6);overflow:hidden;position:relative}.hbd-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hbd-svg{width:100%;height:100%}.hbd-curve{fill:none;stroke:#fda4af;stroke-width:3;stroke-dasharray:10,10;stroke-linecap:round}.hbd-curve.top{animation:dashOffsetAnim 20s linear infinite}.hbd-curve.bottom{stroke:#d8b4fe;animation:dashOffsetAnim 20s linear infinite reverse}@keyframes dashOffsetAnim{to{stroke-dashoffset:200}}.t-hbd .card-content{background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #f9a8d4;border-radius:16px;box-shadow:0 10px 25px #fda4af33;z-index:5}.t-hbd h2{font-family:Poppins,sans-serif;color:#ec4899!important}.t-hbd p{color:#888!important}.t-float{background:#f0f2f5;overflow:hidden;position:relative}.emoji-float{position:absolute;font-size:3rem;filter:drop-shadow(0 10px 10px rgba(0,0,0,.2))}.e1{top:20px;left:20px;animation:floatEmoji 4s ease-in-out infinite}.e2{bottom:30px;right:20px;font-size:2.5rem;animation:floatEmoji 5s ease-in-out infinite reverse}.e3{top:40%;left:45%;font-size:2rem;animation:floatEmoji 6s ease-in-out infinite 1s}.t-float .card-content{background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff;z-index:5;box-shadow:0 4px 15px #0000000d}.t-float h2{color:#333!important;font-family:Inter,sans-serif}.t-float p{color:#666!important}.t-mesh{background:#fff;overflow:hidden;position:relative}.t-mesh:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ff9a9e;z-index:0}.mesh-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.8;animation:meshMove 8s infinite alternate}.m-1{width:150px;height:150px;background:#a18cd1;top:-50px;left:-50px}.m-2{width:180px;height:180px;background:#fad0c4;bottom:-50px;right:-50px;animation-direction:alternate-reverse}.m-3{width:120px;height:120px;background:#84fab0;top:40%;left:30%;animation-duration:10s}.t-mesh .card-content{background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:12px;z-index:5}.t-mesh h2{color:#4a148c!important;font-family:Poppins,sans-serif;text-shadow:none}.t-mesh p{color:#6a1b9a!important}.t-dash{background:#fff0f5;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.dash-container{width:120%;height:100%;position:absolute;top:0;left:-10%;pointer-events:none}.dash-svg{width:100%;height:100%}.wave-line{fill:none;stroke:#ff69b4;stroke-width:4;stroke-linecap:round;stroke-dasharray:15,25;filter:drop-shadow(0 2px 2px rgba(255,105,180,.4))}.wave-line.top{animation:waveFlowRight 4s linear infinite}.wave-line.bottom{stroke:#ff1493;animation:waveFlowLeft 4s linear infinite}.t-dash .card-content{background:#fff;border:2px solid #ff69b4;z-index:5;border-radius:12px;box-shadow:0 5px 15px #ff14931a}.t-dash h2{color:#c71585!important;font-family:Fredoka,sans-serif;letter-spacing:.5px}.t-dash p{color:#ff69b4!important;font-weight:700}.t-kinetic{background:#e63946;overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative}.kinetic-wrapper{transform:rotate(-10deg) scale(1.2);display:flex;flex-direction:column;gap:10px}.kinetic-row{display:flex;gap:20px;white-space:nowrap;font-family:Inter,sans-serif;font-weight:900;font-size:2.5rem;color:#fff;animation:kineticScroll 5s linear infinite}.kinetic-row.reverse{animation:kineticScroll 5s linear infinite reverse}.kinetic-row .outline{color:transparent;-webkit-text-stroke:2px #fff}.t-kinetic .card-content{background:#fff;border-radius:4px;z-index:10;position:absolute;bottom:10px;right:10px;box-shadow:4px 4px #0003}.t-kinetic h2{color:#e63946!important;font-family:Inter,sans-serif}.t-kinetic p{color:#333!important}@keyframes gridPan{0%{background-position:0 0}to{background-position:-60px -60px}}@keyframes gridScroll{0%{background-position:0 0}to{background-position:0 60px}}@keyframes spinSunburst{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animeSway{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-5px)}}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes meshMove{0%{transform:translate(0) scale(1)}to{transform:translate(30px,-20px) scale(1.2)}}@keyframes waveFlowRight{0%{stroke-dashoffset:200}to{stroke-dashoffset:0}}@keyframes waveFlowLeft{0%{stroke-dashoffset:0}to{stroke-dashoffset:200}}@keyframes kineticScroll{0%{transform:translate(0)}to{transform:translate(-20%)}}.btn-demo{padding:15px 30px;font-family:Inter,sans-serif;font-weight:800;font-size:.9rem;border:none;cursor:pointer;outline:none;position:relative;overflow:hidden;z-index:10;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;display:flex;justify-content:center;align-items:center}.t-ripple{background:#e3f2fd;display:flex;justify-content:center;align-items:center}.btn-ripple{background:#2196f3;color:#fff;border-radius:6px;box-shadow:0 4px 6px #2196f34d}.btn-ripple:active{background:#1976d2;transform:scale(.96)}.ripple-auto{position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff80;border-radius:50%;transform:translate(-50%,-50%);animation:autoRippleLoop 2.5s infinite cubic-bezier(.4,0,.2,1);pointer-events:none}@keyframes autoRippleLoop{0%{width:0;height:0;opacity:.6}to{width:250px;height:250px;opacity:0}}.t-ripple .card-content{background:#fff;border:none;margin-top:15px}.t-ripple h2{color:#1976d2!important;font-family:Roboto,sans-serif}.t-ripple p{color:#666!important}.t-push{background-color:#1a1a2e;background-image:linear-gradient(#16213e 1px,transparent 1px),linear-gradient(90deg,#16213e 1px,transparent 1px);background-size:20px 20px;display:flex;justify-content:center;align-items:center}.btn-push{background:#e94560;color:#fff;border-radius:100px;border:2px solid #fff;box-shadow:0 8px #a90422,0 15px 20px #0006;transform:translateY(0);animation:autoPressLoop 2s infinite}.btn-push:hover{animation:none;transform:translateY(-2px);box-shadow:0 10px #a90422,0 18px 25px #0006}.btn-push:active{transform:translateY(8px);box-shadow:0 0 #a90422,0 0 #0000}@keyframes autoPressLoop{0%,to{transform:translateY(0);box-shadow:0 8px #a90422}50%{transform:translateY(8px);box-shadow:0 0 #a90422}}.t-push .card-content{background:#0f3460;border:2px solid #e94560;margin-top:20px}.t-push h2{color:#e94560!important;font-family:"Press Start 2P",cursive;font-size:.7rem}.t-push p{color:#fff!important}.t-glow{background:#050505;display:flex;justify-content:center;align-items:center}.btn-glow{background:transparent;color:#0f8;border:2px solid #00ff88;border-radius:4px;box-shadow:0 0 5px #0f83;animation:autoGlowFull 3s infinite}.btn-glow:hover{animation:none;background:#0f8;color:#000;box-shadow:0 0 10px #0f8,0 0 40px #0f8,0 0 80px #0f8}@keyframes autoGlowFull{0%,to{background:transparent;color:#0f8;box-shadow:0 0 5px #0f83}50%{background:#0f8;color:#000;box-shadow:0 0 10px #0f8,0 0 40px #0f8,0 0 80px #0f8}}.t-glow .card-content{background:#000;border:1px solid #333;margin-top:20px}.t-glow h2{color:#0f8!important;font-family:Orbitron,sans-serif}.t-glow p{color:#999!important}.t-fill{background:#fff;display:flex;justify-content:center;align-items:center}.btn-fill{background:transparent;color:#6c5ce7;border:2px solid #6c5ce7;border-radius:50px;overflow:hidden;z-index:1;transition:color .4s ease-in-out;animation:autoLiquidText 3s infinite}.btn-fill:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:#6c5ce7;z-index:-1;transition:width .4s ease-in-out;animation:autoLiquidFill 3s infinite}.btn-fill:hover{color:#fff;animation:none}.btn-fill:hover:before{width:100%;animation:none}@keyframes autoLiquidFill{0%{width:0%;left:0}45%{width:100%;left:0}55%{width:100%;left:auto;right:0}to{width:0%;left:auto;right:0}}@keyframes autoLiquidText{0%{color:#6c5ce7}45%{color:#fff}55%{color:#fff}to{color:#6c5ce7}}.t-fill .card-content{background:#f8f9fa;border:none;margin-top:15px}.t-fill h2{color:#6c5ce7!important;font-family:Poppins,sans-serif}.t-fill p{color:#555!important}.t-parallax{background:#111;perspective:1000px}.para-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:10;transform-style:preserve-3d;cursor:pointer}.para-card{position:relative;width:160px;height:110px;background:linear-gradient(135deg,#2b5876,#4e4376);border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .1s ease-out;transform-style:preserve-3d;box-shadow:0 20px 40px #0009}.para-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:10px 10px;opacity:.5}.para-text{font-family:Inter,sans-serif;font-weight:900;font-size:1.4rem;color:#fff;text-shadow:0 10px 20px rgba(0,0,0,.5);transform:translateZ(50px);pointer-events:none}.para-sub{font-size:.7rem;color:#00d4ff;font-family:monospace;letter-spacing:2px;margin-top:5px;background:#0000004d;padding:2px 8px;border-radius:4px;transform:translateZ(30px);pointer-events:none}.t-parallax .card-content{background:transparent;border:none;box-shadow:none;position:absolute;bottom:0;pointer-events:none}.t-parallax h2{color:#00d4ff!important;font-size:.9rem}.t-parallax p{color:#888!important}