.home-page{cursor:crosshair;background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%);min-height:100vh;position:relative;overflow:hidden}.home-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 80%,#a855f708 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ec489908 0%,#0000 50%),radial-gradient(circle at 40% 40%,#3b82f605 0%,#0000 50%);animation:10s ease-in-out infinite shimmer;position:fixed;inset:0}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.home-background{z-index:0;position:absolute;inset:0;overflow:hidden}.unicorn-glow{pointer-events:none;filter:blur(60px);opacity:.8;mix-blend-mode:screen;z-index:1;background:radial-gradient(circle,#a855f766 0%,#ec48994d 25%,#3b82f64d 50%,#f59e0b33 75%,#0000 100%);width:600px;height:600px;transition:opacity .3s;animation:3s ease-in-out infinite unicornPulse;position:fixed;transform:translate(-50%,-50%)}@keyframes unicornPulse{0%,to{filter:blur(60px)hue-rotate();opacity:.8}25%{filter:blur(80px)hue-rotate(90deg);opacity:1}50%{filter:blur(60px)hue-rotate(180deg);opacity:.8}75%{filter:blur(80px)hue-rotate(270deg);opacity:1}}.hologram-overlay{pointer-events:none;opacity:.6;z-index:2;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#a855f708 0,#0000 1px 2px,#ec489908 3px,#0000 4px 5px,#3b82f608 6px);animation:10s linear infinite hologramScan;position:absolute;inset:0}@keyframes hologramScan{0%{filter:hue-rotate();transform:translateY(0)}50%{filter:hue-rotate(180deg)}to{filter:hue-rotate(360deg);transform:translateY(100px)}}.sparkle-particle{pointer-events:none;z-index:10;background:radial-gradient(circle,#fff 0%,#a855f7cc 30%,#ec489999 60%,#0000 100%);border-radius:50%;width:6px;height:6px;animation:1.2s ease-out forwards sparkleFloat,1.2s linear forwards sparkleRotate;position:fixed;box-shadow:0 0 15px #a855f7,0 0 30px #ec4899cc,0 0 45px #3b82f699,0 0 60px #f59e0b66}@keyframes sparkleFloat{0%{opacity:1;transform:translate(0)scale(1)}50%{opacity:.8;transform:translate(calc(-30px + (60px*var(--random-x,.5))),calc(-60px))scale(1.5)}to{opacity:0;transform:translate(calc(-60px + (120px*var(--random-x,.5))),calc(-120px))scale(0)}}@keyframes sparkleRotate{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.gradient-orb{filter:blur(80px);opacity:.6;mix-blend-mode:screen;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#a855f780 0%,#ec48994d 40%,#0000 70%);width:700px;height:700px;animation-name:float,rainbowRotate;animation-duration:20s,15s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:0s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:-200px;left:-200px}.orb-2{background:radial-gradient(circle,#3b82f680 0%,#10b9814d 40%,#0000 70%);width:600px;height:600px;animation-name:float,rainbowRotate;animation-duration:18s,12s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,reverse;animation-play-state:running,running;animation-delay:-7s;animation-fill-mode:none,none;animation-timeline:auto,auto;top:50%;right:-150px}.orb-3{background:radial-gradient(circle,#ec489966 0%,#f59e0b4d 40%,#0000 70%);width:650px;height:650px;animation-name:float,rainbowRotate;animation-duration:22s,18s;animation-timing-function:ease-in-out,linear;animation-iteration-count:infinite,infinite;animation-direction:normal,normal;animation-play-state:running,running;animation-delay:-14s;animation-fill-mode:none,none;animation-timeline:auto,auto;bottom:-200px;left:30%}@keyframes float{0%,to{transform:translate(0)scale(1)}25%{transform:translate(120px,-80px)scale(1.15)}50%{transform:translate(-40px,60px)scale(.85)}75%{transform:translate(-100px,-100px)scale(1.1)}}@keyframes rainbowRotate{0%{filter:blur(80px)hue-rotate()brightness()}25%{filter:blur(100px)hue-rotate(90deg)brightness(1.2)}50%{filter:blur(80px)hue-rotate(180deg)brightness()}75%{filter:blur(100px)hue-rotate(270deg)brightness(1.2)}to{filter:blur(80px)hue-rotate(360deg)brightness()}}.home-content{z-index:1;max-width:1400px;margin:0 auto;padding:4rem 2rem;position:relative}.home-header{text-align:center;margin-bottom:5rem;animation:.8s ease-out fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.home-title{background:linear-gradient(90deg,#a855f7 0%,#ec4899 20%,#3b82f6 40%,#10b981 60%,#f59e0b 80%,#a855f7 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:4rem;font-weight:900;animation:3s ease-in-out infinite titleGlow,8s linear infinite rainbowText;display:flex;position:relative}.home-title:before{content:attr(data-text);background:linear-gradient(90deg,#a855f7 0%,#ec4899 20%,#3b82f6 40%,#10b981 60%,#f59e0b 80%,#a855f7 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;filter:blur(20px);opacity:.6;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite rainbowText;position:absolute;inset:0}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 30px #a855f799)drop-shadow(0 0 60px #ec489966)}33%{filter:drop-shadow(0 0 40px #ec4899cc)drop-shadow(0 0 80px #3b82f680)}66%{filter:drop-shadow(0 0 35px #3b82f6b3)drop-shadow(0 0 70px #10b98166)}}@keyframes rainbowText{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.title-emoji{font-size:4.5rem;animation:2s ease-in-out infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.title-text{display:inline-block}.home-subtitle{color:#ffffffb3;letter-spacing:-.5px;font-size:1.5rem;font-weight:600}.features-section,.tools-section{margin-bottom:6rem}.section-header{text-align:center;margin-bottom:3rem}.section-title{color:#fff;letter-spacing:-1px;align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:2.5rem;font-weight:800;display:inline-flex}.section-subtitle{color:#fff9;margin-bottom:1.5rem;font-size:1.125rem}.section-divider{background:linear-gradient(90deg,#0000,#a855f7cc,#ec4899cc,#3b82f6cc,#f59e0bcc,#0000) 0 0/300% 100%;border-radius:2px;width:100px;height:4px;margin:1.5rem auto;animation:2s ease-in-out infinite dividerPulse,4s linear infinite dividerRainbow;position:relative;box-shadow:0 0 20px #a855f799,0 0 40px #ec489966}.section-divider:before{content:"";background:inherit;filter:blur(8px);opacity:.6;z-index:-1;position:absolute;inset:-4px}@keyframes dividerPulse{0%,to{opacity:.8;width:100px;transform:scaleY(1)}50%{opacity:1;width:180px;transform:scaleY(1.5)}}@keyframes dividerRainbow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.features-grid{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;animation:.8s ease-out .2s backwards fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:24px;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#ffffff1a);transition:opacity .4s;position:absolute;inset:0}.feature-card:after{content:"";opacity:0;filter:blur(10px);z-index:-1;background:linear-gradient(45deg,#a855f780,#ec489980,#3b82f680,#10b98180,#f59e0b80) 0 0/300% 300%;border-radius:24px;transition:opacity .4s;animation:6s linear infinite rainbowBorder;position:absolute;inset:-2px}@keyframes rainbowBorder{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.feature-card:hover{border-color:#0000;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 60px #a855f766,0 0 80px #ec48994d,inset 0 0 60px #ffffff0d}.feature-card:hover:before,.feature-card:hover:after{opacity:1}.feature-card-sales:hover{box-shadow:0 20px 60px #3b82f680,0 0 100px #3b82f666,inset 0 0 60px #3b82f61a}.feature-card-ai:hover{box-shadow:0 20px 60px #ec489980,0 0 100px #ec489966,inset 0 0 60px #ec48991a}.feature-card-html:hover{box-shadow:0 20px 60px #22c55e80,0 0 100px #22c55e66,inset 0 0 60px #22c55e1a}.feature-card-title{color:#fff;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1.75rem;font-weight:800;display:flex}.feature-icon{filter:drop-shadow(0 0 10px #a855f799);font-size:2.5rem;transition:all .3s;animation:3s ease-in-out infinite iconFloat}.feature-card:hover .feature-icon{filter:drop-shadow(0 0 20px #a855f7)drop-shadow(0 0 40px #ec4899cc);animation:1s ease-in-out infinite iconSpin,3s ease-in-out infinite iconFloat;transform:scale(1.2)}@keyframes iconFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}@keyframes iconSpin{0%{transform:rotate(0)scale(1.2)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1.2)}}.feature-description{color:#ffffffb3;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.7}.feature-button{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#ec4899 25%,#3b82f6 50%,#ec4899 75%,#a855f7 100%) 0 0/300% 300%;border:none;padding:.875rem 1.75rem;font-size:1.125rem;font-weight:700;transition:all .3s;animation:6s linear infinite buttonRainbow;position:relative;overflow:hidden}@keyframes buttonRainbow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.feature-button:before{content:"";background:linear-gradient(135deg,#ffffff4d,#0000,#ffffff4d);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.feature-button:hover:before{transform:translate(100%)}.feature-button:hover{transform:scale(1.08);box-shadow:0 10px 40px #a855f799,0 0 60px #ec489966,inset 0 0 20px #fff3}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;animation:.8s ease-out .4s backwards fadeInUp;display:grid}.tool-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:2px solid #ffffff14;border-radius:20px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card:before{content:"";opacity:0;filter:blur(8px);z-index:-1;background:linear-gradient(60deg,#a855f799,#ec489999,#3b82f699,#f59e0b99) 0 0/300% 300%;border-radius:20px;transition:opacity .4s;animation:8s linear infinite rainbowFlow;position:absolute;inset:-2px}@keyframes rainbowFlow{0%{filter:blur(8px)hue-rotate();background-position:0%}50%{filter:blur(12px)hue-rotate(180deg);background-position:100%}to{filter:blur(8px)hue-rotate(360deg);background-position:0%}}.tool-card-glow{opacity:0;z-index:-1;background:linear-gradient(135deg,#0000,#ffffff26);border-radius:20px;transition:opacity .4s;position:absolute;inset:-2px}.tool-card:hover .tool-card-glow,.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:#0000;transform:translateY(-10px)scale(1.03);box-shadow:0 20px 50px #a855f766,0 0 80px #ec48994d,inset 0 0 40px #ffffff0d}.tool-card-roulette:hover{border-color:#0000;box-shadow:0 20px 60px #a855f799,0 0 100px #a855f780,0 0 150px #a855f74d,inset 0 0 60px #a855f71a}.tool-card-matching:hover{border-color:#0000;box-shadow:0 20px 60px #3b82f699,0 0 100px #3b82f680,0 0 150px #3b82f64d,inset 0 0 60px #3b82f61a}.tool-card-lunch:hover{border-color:#0000;box-shadow:0 20px 60px #f9731699,0 0 100px #f9731680,0 0 150px #f973164d,inset 0 0 60px #f973161a}.tool-card-toon:hover{border-color:#0000;box-shadow:0 20px 60px #ec489999,0 0 100px #ec489980,0 0 150px #ec48994d,inset 0 0 60px #ec48991a}.tool-card-tone:hover{border-color:#0000;box-shadow:0 20px 60px #f59e0b99,0 0 100px #f59e0b80,0 0 150px #f59e0b4d,inset 0 0 60px #f59e0b1a}.tool-card-retro:hover{border-color:#0000;box-shadow:0 20px 60px #10b98199,0 0 100px #10b98180,0 0 150px #10b9814d,inset 0 0 60px #10b9811a}.tool-card-group:hover{border-color:#0000;box-shadow:0 20px 60px #8b5cf699,0 0 100px #8b5cf680,0 0 150px #8b5cf64d,inset 0 0 60px #8b5cf61a}.tool-card-stock:hover{border-color:#0000;box-shadow:0 20px 60px #7c3aed99,0 0 100px #7c3aed80,0 0 150px #7c3aed4d,inset 0 0 60px #7c3aed1a}.tool-card-advisor:hover{border-color:#0000;box-shadow:0 20px 60px #06b6d499,0 0 100px #06b6d480,0 0 150px #06b6d44d,inset 0 0 60px #06b6d41a}.tool-card-expense:hover{border-color:#0000;box-shadow:0 20px 60px #fb923c99,0 0 100px #fb923c80,0 0 150px #fb923c4d,inset 0 0 60px #fb923c1a}.tool-card-title{color:#fff;align-items:center;gap:.625rem;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:flex}.tool-icon{font-size:2rem;transition:transform .3s}.tool-card:hover .tool-icon{transform:scale(1.2)rotate(5deg)}.tool-description{color:#ffffffa6;margin-bottom:1rem;font-size:1rem;line-height:1.6}.tool-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.tool-tag{color:#fffc;letter-spacing:.3px;background:linear-gradient(135deg,#a855f726,#ec489926);border:1px solid #a855f74d;border-radius:999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.tool-tag:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.tool-card:hover .tool-tag{color:#fff;background:linear-gradient(135deg,#a855f766,#ec489966,#3b82f666);border-color:#a855f799;transform:translateY(-2px);box-shadow:0 4px 15px #a855f766,0 0 30px #ec48994d}.tool-card:hover .tool-tag:before{left:100%}.tool-button{color:#fff;background:#ffffff0d;border:2px solid #fff3;width:100%;padding:.75rem 1.5rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.tool-button:before{content:"";background:radial-gradient(circle,#a855f766,#ec48994d,#0000);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tool-button:hover:before{width:300px;height:300px}.tool-button:hover{color:#fff;background:linear-gradient(135deg,#a855f74d,#ec48994d,#3b82f64d);border-color:#0000;transform:scale(1.05);box-shadow:0 8px 30px #a855f780,0 0 60px #ec48994d,inset 0 0 30px #ffffff1a}@media (max-width:1200px){.home-content{padding:3rem 1.5rem}.home-title{font-size:3rem}.title-emoji{font-size:3.5rem}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.home-content{padding:2rem 1rem}.home-header{margin-bottom:3rem}.home-title{flex-direction:column;gap:.5rem;font-size:2.5rem}.title-emoji{font-size:3rem}.home-subtitle{font-size:1.125rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-section,.tools-section{margin-bottom:4rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card-title,.tool-card-title{font-size:1.375rem}.feature-description,.tool-description{font-size:.9375rem}.orb-1,.orb-2,.orb-3{width:400px;height:400px}}@media (max-width:480px){.home-title{font-size:2rem}.title-emoji{font-size:2.5rem}.home-subtitle{font-size:1rem}.section-title{font-size:1.5rem}.feature-card,.tool-card{padding:1.5rem}.feature-icon,.tool-icon{font-size:1.75rem}.orb-1,.orb-2,.orb-3{filter:blur(60px);width:300px;height:300px}}