@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800;900&display=swap";:root{--background: #f0f4ff;--foreground: #0f172a;--color-blue: #3b82f6;--color-purple: #7c3aed;--radius: 16px}body{color:var(--foreground);font-family:Inter Tight,sans-serif;-webkit-font-smoothing:antialiased}.font-inter-tight{font-family:Inter Tight,sans-serif}.gradient-text{background-image:linear-gradient(135deg,#3b82f6,#2563eb 40%,#1e3a8a);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.white-box{position:relative;background:linear-gradient(145deg,#ffffffe6,#f0f4ffcc);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000000d,0 20px 25px -5px #3b82f60d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8)}.white-box:after{content:"";position:absolute;inset:-1px;border-radius:var(--radius);padding:1px;background:linear-gradient(to bottom right,#fff,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-box{background:#ffffff26;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius);position:relative;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.glass-box:before{content:"";pointer-events:none;inset:0;position:absolute;border-radius:var(--radius);padding:1px;background:linear-gradient(to bottom right,#fffc,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.purple-button{background:linear-gradient(135deg,#3b82f6,#1e3a8a);color:#fff;border-radius:9999px;box-shadow:0 4px 6px -1px #6366f14d,0 10px 15px -3px #6366f133,inset 0 1px #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;border:none;font-weight:700;letter-spacing:.02em}.purple-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 25px -5px #6366f166,0 8px 10px -6px #6366f133,inset 0 1px #fff6;background:linear-gradient(135deg,#2563eb,#172554)}.purple-button:active{transform:translateY(0) scale(.98)}.white-button{background:#ffffffb3;color:#1e293b;border-radius:9999px;box-shadow:0 4px 6px -1px #0000000d,inset 0 1px #fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;border:1px solid rgba(255,255,255,.8);font-weight:700}.white-button:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.animate-fade-up{animation:fadeUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0;transform:translateY(30px)}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 30s linear infinite;display:flex;white-space:nowrap}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:3s}@keyframes shine{0%{mask-position:150%;-webkit-mask-position:150%}to{mask-position:-50%;-webkit-mask-position:-50%}}.shine-effect{position:relative;overflow:hidden}.shine-effect:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shine-move 3s infinite;opacity:0;transition:opacity .3s}@keyframes shine-move{0%{left:-100%;opacity:0}50%{opacity:.5}to{left:200%;opacity:0}}.shine-hover:hover:before{opacity:1;animation:shine-move 1.5s forwards}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 40px #3b82f699}}.animate-pulse-glow{animation:pulse-glow 3s infinite}:root{--background: #f5f8ff;--foreground: #1a1a1a;--accent: #4d96ff;--accent-soft: rgba(77, 150, 255, .1);--glass-bg: rgba(255, 255, 255, .7);--white-bg: rgba(255, 255, 255, .95);--color-blue: #4d96ff;--color-purple: #6d33fc;--color-dark-blue: #1e3a8a;--shadow-blue-glow: 0 10px 18px -7px #e1eaff;--shadow-purple-glow: 0 10px 18px -7px #3a89fdbf;--radius: 14px}body{margin:0;font-family:Inter Tight,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--foreground);overflow-x:hidden}@layer utilities{.glass-box{position:relative;background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);border:1px solid rgba(255,255,255,.8);transition:all .5s cubic-bezier(.16,1,.3,1)}.glass-box:before{content:"";pointer-events:none;inset:0;position:absolute;border-radius:var(--radius);padding:1px;background:linear-gradient(to bottom,#fff,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.white-box{background:var(--white-bg);border-radius:var(--radius);box-shadow:0 10px 40px -10px #0000000d,0 20px 25px -5px #00000005;position:relative;border:1px solid white;transition:all .5s cubic-bezier(.16,1,.3,1)}.white-box:hover{box-shadow:0 20px 50px -12px #4d96ff26,0 10px 20px -5px #0000000a;transform:translateY(-2px)}@keyframes star-flicker{0%,to{opacity:.3}50%{opacity:.8}}@keyframes constellation-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cloud-move{0%{background-position:0 0}to{background-position:400px 0}}@keyframes nebulae-pulse{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}.scifi-animated-bg{background-color:#02040a;background-image:radial-gradient(1px 1px at 25px 35px,white,transparent),radial-gradient(1px 1px at 50px 10px,white,transparent),radial-gradient(1px 1px at 10px 80px,white,transparent),radial-gradient(1px 1px at 90px 45px,white,transparent);background-size:100px 100px;animation:star-flicker 4s infinite}.scifi-constellations{position:absolute;inset:-100%;background-image:radial-gradient(2px 2px at 15% 15%,#00f3ff,transparent),radial-gradient(1px 1px at 85% 85%,#00f3ff,transparent),radial-gradient(1px 1px at 15% 85%,#00f3ff,transparent),radial-gradient(1px 1px at 85% 15%,#00f3ff,transparent);background-size:40% 40%;animation:constellation-rotate 300s linear infinite;opacity:.3}.scifi-nebula{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(circle at 30% 30%,rgba(0,243,255,.05) 0%,transparent 40%),radial-gradient(circle at 70% 70%,rgba(138,43,226,.05) 0%,transparent 40%);filter:blur(100px);animation:nebulae-pulse 15s ease-in-out infinite}.cute-animated-bg{background:linear-gradient(to bottom,#87ceeb,#e0f7fa 70%,#90ee90)}.cute-clouds{position:absolute;width:200%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='400' height='200' viewBox='0 0 400 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' opacity='0.8'%3E%3Crect x='40' y='40' width='60' height='20'/%3E%3Crect x='50' y='30' width='40' height='40'/%3E%3Crect x='240' y='80' width='80' height='20'/%3E%3Crect x='260' y='70' width='40' height='40'/%3E%3C/g%3E%3C/svg%3E");background-size:800px 400px;animation:cloud-move 120s linear infinite;image-rendering:pixelated}.pixel-grass-hills{position:absolute;bottom:0;width:100%;height:120px;background-image:url("data:image/svg+xml,%3Csvg width='400' height='100' viewBox='0 0 400 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 60 L40 40 L80 60 L120 40 L160 60 L200 40 L240 60 L280 40 L320 60 L360 40 L400 60 V100 H0 Z' fill='%232E8B57'/%3E%3Crect y='70' width='400' height='30' fill='%2390EE90'/%3E%3C/svg%3E");background-size:400px 100px;background-repeat:repeat-x;image-rendering:pixelated}@keyframes shooting-star{0%{transform:translate(0) translateY(0) rotate(-45deg);opacity:0}10%{opacity:1}to{transform:translate(-1000px) translateY(1000px) rotate(-45deg);opacity:0}}@keyframes stardust-drift{0%{transform:translate(0)}to{transform:translate(-100px,100px)}}.midnight-animated-bg{background:radial-gradient(circle at top right,#1e293b,#0f172a);overflow:hidden}.stardust-field{position:absolute;inset:-10%;background-image:radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 45% 65%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 75% 15%,rgba(255,255,255,.3),transparent),radial-gradient(1px 1px at 25% 85%,rgba(255,255,255,.2),transparent);background-size:400px 400px;animation:stardust-drift 60s linear infinite alternate;opacity:.6}.shooting-star{position:absolute;width:150px;height:2px;background:linear-gradient(90deg,#6366f1,transparent);opacity:0;animation:shooting-star 10s linear infinite;pointer-events:none}.shooting-star-1{top:5%;right:-150px;animation-delay:2s}.shooting-star-2{top:15%;right:-150px;animation-delay:12s}.shooting-star-3{top:40%;right:-150px;animation-delay:22s}@keyframes neon-pulse{0%,to{box-shadow:0 0 10px #4bf2f766,0 0 20px #4bf2f733}50%{box-shadow:0 0 20px #4bf2f7b3,0 0 40px #4bf2f766}}@keyframes holo-flicker{0%{opacity:.95}5%{opacity:.85}10%{opacity:.95}to{opacity:1}}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.theme-paper-bg{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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E")}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{display:flex;width:max-content;animation:marquee 200s linear infinite}.animate-marquee-slow{display:flex;width:max-content;animation:marquee 250s linear infinite}@keyframes scanlines-move{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.animate-scanlines{animation:scanlines-move 10s linear infinite}@keyframes film-burn{0%{transform:scale(1) translate(0);opacity:.3;filter:hue-rotate(0deg)}33%{transform:scale(1.5) translate(10%,-10%);opacity:.5;filter:hue-rotate(45deg)}66%{transform:scale(1.2) translate(-5%,15%);opacity:.4;filter:hue-rotate(-30deg)}to{transform:scale(1) translate(0);opacity:.3;filter:hue-rotate(0deg)}}@keyframes color-leak{0%,to{background-position:0% 50%;opacity:.4}50%{background-position:100% 50%;opacity:.6}}.modern-glass-bg{background-color:#f8faff;overflow:hidden;position:relative}.glow-blob{position:absolute;border-radius:50%;filter:blur(120px);mix-blend-mode:screen;pointer-events:none;animation:film-burn 20s infinite ease-in-out}.glow-blob-1{width:80vw;height:80vw;background:radial-gradient(circle,rgba(77,150,255,.4) 0%,transparent 70%);top:-20%;left:-10%}.glow-blob-2{width:70vw;height:70vw;background:radial-gradient(circle,rgba(138,43,226,.3) 0%,transparent 70%);bottom:-10%;right:-5%;animation-delay:-5s}.glow-blob-3{width:60vw;height:60vw;background:radial-gradient(circle,rgba(0,243,255,.2) 0%,transparent 70%);top:20%;right:10%;animation-delay:-12s;animation-duration:25s}.film-burn-surface{position:absolute;inset:0;background:linear-gradient(217deg,#4d96ff1a,#0000 70.71%),linear-gradient(127deg,#8a2be20d,#0000 70.71%),linear-gradient(336deg,#00f3ff1a,#0000 70.71%);background-size:200% 200%;animation:color-leak 15s infinite}@keyframes mesh-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.scifi-hud-outline{position:absolute;inset:20px;border:1px solid rgba(0,243,255,.1);pointer-events:none}.scifi-hud-corner{position:absolute;width:30px;height:30px;border-color:#00f3ff99;border-style:solid;filter:drop-shadow(0 0 5px rgba(0,243,255,.5))}.scifi-hud-corner-tl{top:0;left:0;border-width:2px 0 0 2px}.scifi-hud-corner-tr{top:0;right:0;border-width:2px 2px 0 0}.scifi-hud-corner-bl{bottom:0;left:0;border-width:0 0 2px 2px}.scifi-hud-corner-br{bottom:0;right:0;border-width:0 2px 2px 0}.scifi-targeting-cross{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border:1px solid rgba(0,243,255,.2);border-radius:50%}.scifi-targeting-cross:after,.scifi-targeting-cross:before{content:"";position:absolute;background:#00f3ff66}.scifi-targeting-cross:before{width:1px;height:20px;left:50%;top:-10px}.scifi-targeting-cross:after{width:20px;height:1px;left:-10px;top:50%}@keyframes data-flicker{0%,to{opacity:.4}50%{opacity:.1}}.scifi-data-text{font-size:8px;color:#00f3ff66;position:absolute;animation:data-flicker .1s infinite}.theme-pixel-world{background-image:url("data:image/svg+xml,%3Csvg width='400' height='400' viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='400' height='400' fill='%2387CEEB'/%3E%3Cg fill='%23ffffff' opacity='0.8'%3E%3Crect x='40' y='40' width='40' height='20'/%3E%3Crect x='60' y='30' width='40' height='40'/%3E%3Crect x='80' y='40' width='40' height='20'/%3E%3C/g%3E%3Cpath d='M0 300 L40 280 L80 300 L120 280 L160 300 L200 280 L240 300 L280 280 L320 300 L360 280 L400 300 V400 H0 Z' fill='%232E8B57'/%3E%3Crect x='0' y='320' width='400' height='80' fill='%2390EE90'/%3E%3Cg transform='translate(20, 260)'%3E%3Crect x='10' y='20' width='10' height='40' fill='%238B4513'/%3E%3Cpath d='M15 0 L30 20 H0 Z' fill='%23006400'/%3E%3C/g%3E%3Cg transform='translate(150, 340)'%3E%3Crect x='0' y='10' width='20' height='10' fill='%23ffffff'/%3E%3Crect x='0' y='0' width='5' height='10' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");background-size:600px 600px;background-repeat:repeat;image-rendering:pixelated}[data-theme=cyber] .chat-bubble.bot{animation:neon-pulse 4s infinite}[data-theme=scifi] .chat-bubble.bot{animation:holo-flicker 5s infinite}[data-theme=pink] .chat-bubble{image-rendering:pixelated}.purple-button{background:linear-gradient(217deg,#3a89fd 16.5%,#8dc3f5 101.15%);color:#fff;font-weight:600;border-radius:9999px;box-shadow:var(--shadow-purple-glow);transition:all .3s ease;border:none;cursor:pointer}.purple-button:hover{transform:translateY(-3px);box-shadow:0 15px 25px -7px #3a89fdbf}.purple-button:active{transform:translateY(-1px)}.white-button{background:linear-gradient(180deg,#f5f8ff,#fff);color:#1f2937;font-weight:500;border:1px solid rgba(255,255,255,.8);border-radius:9999px;box-shadow:0 13px 12.3px 2px #56648814;transition:all .2s ease;cursor:pointer}.white-button:hover{transform:translateY(-2px);background:#fff;box-shadow:0 15px 20px 2px #5664881f}.gradient-text{background-image:radial-gradient(47.08% 208.33% at 77.5% 128.33%,#4d96ffcc 20%,#4d96ff 25%,#000 70.24%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}}