@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Krona+One&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #0f172a;--text-secondary: #475569;--accent-color: #7e22ce;--accent-color-light: #a855f7;--border-color: #e2e8f0;--card-bg: #ffffff;--shadow: 0 4px 10px rgba(0, 0, 0, .06);--button-gradient: linear-gradient(135deg, #7e22ce, #a855f7, #c026d3);--dark-bg-primary: #0f172a;--dark-bg-secondary: #1e293b;--dark-text-primary: #f1f5f9;--dark-text-secondary: #cbd5e1;--dark-accent-color: #a855f7;--dark-accent-color-light: #c026d3;--dark-border-color: #334155;--dark-card-bg: #1e293b;--dark-shadow: 0 4px 10px rgba(0, 0, 0, .2);--dark-button-gradient: linear-gradient(135deg, #9333ea, #c026d3, #c026d3);--gradient-transition-height: 120px}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;letter-spacing:.5px}html{scroll-behavior:smooth}body{background-color:#0f172a;color:var(--dark-text-primary);transition:background-color .3s ease,color .3s ease;line-height:1.7;overflow-x:hidden;padding-top:100px}body[data-theme=light]{background-color:#fff;color:var(--text-primary)}.section-transition{position:relative}.section-transition:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--gradient-transition-height);pointer-events:none}.section-transition.dark:after{background:linear-gradient(to bottom,#1a1f2c00,#0f172a)}.section-transition.light:after{background:linear-gradient(to bottom,#f8fafc00,#fff)}h1,h2,h3,h4,h5{font-family:Krona One,sans-serif;margin-bottom:1.25rem;line-height:1.3}a{color:var(--dark-accent-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--dark-accent-color-light);text-decoration:none}body[data-theme=light] a{color:var(--accent-color)}body[data-theme=light] a:hover{color:var(--accent-color-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}.card{background-color:var(--dark-card-bg);border-radius:12px;box-shadow:var(--dark-shadow);padding:1.75rem;border:1px solid var(--dark-border-color);transition:transform .3s ease,box-shadow .3s ease}body[data-theme=light] .card{background-color:var(--card-bg);box-shadow:var(--shadow);border:1px solid var(--border-color)}.card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #00000026}body[data-theme=light] .card:hover{box-shadow:0 15px 25px #00000014}@media (max-width: 768px){body{padding-top:80px}.section{padding:3rem 0}.container{padding:0 1rem}.card{padding:1.25rem}}@media (max-width: 480px){body{padding-top:70px}.section{padding:2rem 0}.container{padding:0 .75rem}.card{padding:1rem}}.headline{font-size:4.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.1}@media (max-width: 768px){.headline{font-size:2.5rem}}@media (max-width: 480px){.headline{font-size:2rem}}.highlight{color:var(--accent-color-light);position:relative}.highlight:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:var(--accent-color-light);transform:scaleX(0);transform-origin:bottom right;transition:transform .5s ease}.highlight:hover:after{transform:scaleX(1);transform-origin:bottom left}.tagline{font-size:1.25rem;color:#fffffff2;margin-bottom:2.5rem;line-height:1.6}@media (max-width: 768px){.tagline{font-size:1.1rem;margin-bottom:1.5rem}}@media (max-width: 480px){.tagline{font-size:1rem;margin-bottom:1rem}}.action-buttons{display:flex;gap:1.25rem;margin-top:2.5rem}@media (max-width: 480px){.action-buttons{flex-direction:column;gap:1rem;margin-top:1.5rem}}.btn{padding:.875rem 1.75rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}@media (max-width: 480px){.btn{padding:.75rem 1.5rem;font-size:.9rem}}.btn-light{background-color:#fff;color:var(--text-primary);box-shadow:0 4px 10px #0000001a}.btn-dark{background-color:#000000bf;color:#fff;box-shadow:0 4px 10px #00000026}.btn-gradient{background-image:var(--button-gradient);background-size:200% auto;color:#fff;box-shadow:0 4px 15px #7e22ce4d;transition:all .5s ease}.btn-gradient:hover{background-position:right center;box-shadow:0 8px 20px #7e22ce66;transform:translateY(-3px)}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000001a}
