@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";:root{--background: #1b1f2a;--current-line: #222635;--selection: #ff7eb3;--foreground: #e4e7ec;--primary-pink: #ff7eb3;--secondary-blue: #4a90e2;--hover-blue: #6ba8e2;--accent-yellow: #f8d15f;--glow-blue: rgba(74, 144, 226, .7);--glow-pink: rgba(255, 126, 179, .7);--gradient: linear-gradient(135deg, #4a90e2, #ff7eb3, #f8d15f)}body{background:linear-gradient(#1b1f2ae6,#1b1f2ae6),url(../../../images/hero.webp) no-repeat center center fixed;background-size:cover;color:var(--foreground);font-family:Fira Code,monospace;margin:0;padding:0}section{margin:2rem auto;padding:2rem;max-width:1200px;background-color:#1b1f2ae6;border-radius:10px;box-shadow:0 4px 10px #0006}nav{background-color:var(--current-line);padding:1rem;box-shadow:0 4px 10px #0006}nav ul{list-style:none;margin:0;padding:0;display:flex;justify-content:center}nav li{margin:0 1rem}nav a{color:var(--foreground);text-decoration:none;font-weight:700;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}nav a:hover{color:var(--background);background-color:var(--primary-pink);box-shadow:0 0 8px var(--glow-pink)}nav a.active{background-color:var(--primary-pink);color:var(--background);box-shadow:0 0 10px var(--glow-pink)}h1,h2,h3{color:var(--primary-pink);text-shadow:0 0 6px var(--glow-pink)}p{line-height:1.6;margin-bottom:1rem}a{color:var(--secondary-blue)}a:hover{text-decoration:underline;color:var(--hover-blue)}.hero{display:flex;align-items:center;justify-content:space-around;padding:2rem}.hero-content{text-align:center}.hero-content h1{font-size:2.8rem;margin-bottom:1rem;color:var(--primary-pink);text-shadow:0 0 12px var(--glow-pink)}.hero-content p{font-size:1.2rem;color:var(--foreground)}.hero-content button{background-image:var(--gradient);color:var(--foreground);padding:1rem 2rem;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-image .3s ease,transform .2s ease,box-shadow .3s ease}.hero-content button:hover{background-image:linear-gradient(135deg,#ff7eb3,#4a90e2,#f8d15f);box-shadow:0 0 10px var(--glow-pink);transform:scale(1.05)}.features{text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.feature{border:1px solid var(--current-line);padding:1rem;border-radius:5px;background-color:var(--current-line);color:var(--foreground);box-shadow:0 4px 8px #0009;transition:background-color .3s ease,box-shadow .3s ease}.feature:hover{background:var(--gradient);color:var(--background);box-shadow:0 0 12px var(--glow-pink)}.feature h3{font-size:1.6rem;margin-bottom:1rem;color:var(--foreground);text-shadow:0 0 6px var(--glow-pink)}.feature p{font-size:1rem}.benefits{text-align:center}.benefits ul{list-style:disc;margin:0 auto;padding:0;text-align:left;max-width:800px}.benefits h2{margin-bottom:1rem}.cta{text-align:center;padding:2rem;background-color:var(--current-line);border-radius:10px;margin:2rem auto}.cta h2{font-size:2rem;margin-bottom:1.5rem;color:var(--primary-pink);text-shadow:0 0 12px var(--glow-pink)}.cta button{background-image:var(--gradient);color:var(--foreground);padding:1rem 2rem;border:none;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:background-image .3s ease,box-shadow .3s ease,transform .2s ease}.cta button:hover{background-image:linear-gradient(135deg,#f8d15f,#ff7eb3,#4a90e2);box-shadow:0 0 12px var(--glow-pink);transform:scale(1.05)}