@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Inter:wght@400;500;700&display=swap');@font-face{font-family:'Inter';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/inter/v13/UcCO3FwrK3iLTeHuS_fvGFptLh6g.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:95%;descent-override:25%;line-gap-override:0}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/poppins/v20/pxiByp8kv8Wl5KUnPBJjZ1hF.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;ascent-override:95%;descent-override:25%;line-gap-override:0}:root{--color-primary:#6b5bfe;--color-secondary:#25e197;--color-text:#e0e0e0;--color-background:#100b21;--color-card-bg:#1e1a30;--color-subtle-text:#a0a0a0;--font-poppins:'Poppins',sans-serif;--font-inter:'Inter',sans-serif}body{font-family:var(--font-inter);background-color:var(--color-background);color:var(--color-text);margin:0;padding:0;line-height:1.6;display:flex;flex-direction:column;align-items:center}header{width:100%;max-width:1200px;padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:10}.header__logo{font-family:var(--font-poppins);font-size:1.8rem;font-weight:bold;color:var(--color-text);text-decoration:none;letter-spacing:-1px}.header__logo span{color:var(--color-secondary)}.hero{position:relative;width:100%;display:flex;justify-content:center;align-items:center;text-align:center;min-height:calc(100vh - 80px);padding:0 1rem;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(107,91,254,0.2),rgba(16,11,33,0.5));animation:pulse 10s infinite ease-in-out;z-index:1}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero__title{font-family:var(--font-poppins);font-size:clamp(2rem,8vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:1rem}.hero__uvp{font-size:clamp(1rem,2.5vw,1.5rem);font-weight:500;color:var(--color-subtle-text);margin-bottom:2rem;max-width:60ch;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2.5rem;font-family:var(--font-inter);font-weight:700;font-size:1.2rem;color:var(--color-text);text-decoration:none;border-radius:50px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 20px rgba(0,0,0,0.2);border:none;cursor:pointer}.cta-button:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,0.3)}main{width:100%;max-width:1200px;padding:2rem;position:relative;z-index:5}section{padding:4rem 0;text-align:center}.section__title{font-family:var(--font-poppins);font-size:2.5rem;margin-bottom:1.5rem}.section__subtitle{font-family:var(--font-inter);font-size:1.2rem;color:var(--color-subtle-text);margin-bottom:3rem;max-width:70ch;margin-left:auto;margin-right:auto}.feature-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-list li{background-color:var(--color-card-bg);border-radius:15px;padding:2rem;box-shadow:0 4px 15px rgba(0,0,0,0.1)}.feature-list h3{font-family:var(--font-poppins);font-size:1.5rem;margin-top:0}.feature-list p{font-size:1rem;max-width:70ch;margin-left:auto;margin-right:auto}.product-showcase{background-color:var(--color-card-bg);border-radius:20px;padding:3rem;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center;box-shadow:0 8px 30px rgba(0,0,0,0.2)}.showcase__panels{display:flex;flex-direction:column;width:100%;gap:1.5rem}@media(min-width:768px){.showcase__panels{flex-direction:row}}.showcase__panel{flex:1;padding:2rem;border-radius:15px;border:2px solid rgba(255,255,255,0.1);text-align:left}.showcase__panel--original{background-color:rgba(255,255,255,0.05);border-color:#f16d7a}.showcase__panel--modded{background-color:rgba(255,255,255,0.05);border-color:var(--color-secondary)}.showcase__panel h4{font-family:var(--font-poppins);font-size:1.2rem;margin-top:0;display:flex;align-items:center;gap:.5rem}.showcase__panel ul{list-style:none;padding:0}.showcase__panel li{margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.showcase__panel li svg{color:#ccc}.showcase__panel--modded li svg{color:var(--color-secondary)}.final-cta{background-image:radial-gradient(circle at center,rgba(107,91,254,0.2) 0,rgba(16,11,33,0.8) 100%);border-radius:20px;padding:4rem 2rem;margin-top:4rem;max-width:800px;margin-left:auto;margin-right:auto}.final-cta__title{font-family:var(--font-poppins);font-size:2.5rem;margin-bottom:2rem}footer{width:100%;max-width:1200px;padding:2rem;text-align:center;color:var(--color-subtle-text);display:flex;flex-direction:column;gap:1.5rem;align-items:center}.footer__socials{display:flex;gap:1.5rem}.footer__socials a{color:var(--color-subtle-text);transition:color .3s ease}.footer__socials a:hover{color:var(--color-text)}.footer__socials svg{width:24px;height:24px}body.light-mode{--color-text:#2c2c2c;--color-background:#fff;--color-card-bg:#f5f5f5;--color-subtle-text:#6c757d}body.light-mode .hero::before{background:radial-gradient(circle at center,rgba(107,91,254,0.2),rgba(255,255,255,0.5))}body.light-mode .product-showcase{box-shadow:0 8px 30px rgba(0,0,0,0.05)}body.light-mode .showcase__panel--original{background-color:#fcebeb;border-color:#f16d7a}body.light-mode .showcase__panel--modded{background-color:#e5f6e8;border-color:var(--color-secondary)}body.light-mode .showcase__panel--original h4,body.light-mode .showcase__panel--original li{color:#2c2c2c}body.light-mode .showcase__panel--modded h4,body.light-mode .showcase__panel--modded li{color:#2c2c2c}body.light-mode .showcase__panel--original li svg{color:#f16d7a}body.light-mode .final-cta{background-image:radial-gradient(circle at center,rgba(107,91,254,0.2) 0,rgba(255,255,255,0.8) 100%)}body.light-mode .theme-toggle{background:rgba(0,0,0,0.1)}body.light-mode .theme-toggle:hover{background:rgba(0,0,0,0.2)}body.light-mode .theme-toggle svg{fill:#2c2c2c}body.light-mode .header__logo span{color:var(--color-primary)}body.light-mode .showcase__panel{border-color:rgba(0,0,0,0.1)}