:root{--primary:hsl(286,59%,52%);--primary-light:hsl(299,60%,65%);--primary-dark:hsl(273,60%,46%);--call-to-action:hsl(295,63%,60%);--call-to-action-dark:hsl(295,59%,40%);--secondary:hsl(179,100%,40%);--hero-gradient-color-1:hsla(281,68%,65%,0.8);--hero-gradient-color-2:hsla(252,76%,19%,0.9);--dark:hsl(270,13%,12%);--light-1:hsl(300,10%,96%);--light-2:hsl(300,10%,99%);--accent:hsl(339,97%,73%);--success:hsl(168,100%,36%);--grey:hsl(298,19%,89%);--nav-text:var(--primary-dark);--nav-text-hover:var(--primary);--theme-toggle-bg-col-hover:hsla(286,59%,52%,0.08);--footer-bg-col:hsl(270,13%,12%);--grey-medium:hsl(0,0%,40%);--grey-light:hsl(0,0%,73%);--white:hsl(0,0%,100%);--black:hsl(0,0%,0%);--shadow-light:hsla(0,0%,0%,0.05);--shadow-medium:hsla(0,0%,0%,0.1);--shadow-dark:hsla(247,69%,18%,0.3);--shadow-dark-hover:hsla(286,59%,52%,0.5);--shadow-primary:hsla(247,74%,63%,0.1);--shadow-white:hsla(0,0%,100%,0.1);--shadow-dark-hover-subtle:hsla(280,60%,50%,0.2);--cube-fill:hsla(272,77%,40%,0.25);--cube-fill-hover:hsla(289,83%,60%,0.25);--cube-footer-fill:hsla(0,0%,100%,0.5);--modal-backdrop:hsla(287deg,30%,7%,0.8);--modal-close-btn:hsla(300deg,20%,30%,0.5);--modal-close-btn-hover:hsla(300deg,40%,40%,0.9);--modal-close-x-color:hsla(0,0%,100%,0.6);--modal-close-x-color-hover:hsla(0,0%,100%,1);--screen-bp-nav-collapse:999px;--screen-bp-grid-stack:992px;--screen-bp-content-narrow:768px;--screen-bp-compact:480px;--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-full:9999px;--transition-1:0.4s ease}[data-theme=dark]{--primary:hsl(286,50%,53%);--primary-light:hsl(299,90%,67%);--primary-dark:hsl(273,69%,40%);--call-to-action:hsl(295,63%,60%);--call-to-action-dark:hsl(295,73%,32%);--hero-gradient-color-1:hsla(281,44%,50%,0.8);--hero-gradient-color-2:hsla(253,77%,12%,0.9);--dark:hsl(270,48%,92%);--light-1:hsl(285,50%,18%);--light-2:hsl(300,15%,12%);--nav-text:hsl(300,20%,85%);--nav-text-hover:var(--white);--theme-toggle-bg-col-hover:hsla(286,59%,52%,0.1);--footer-bg-col:hsl(270,13%,10%);--grey:hsl(298,15%,25%);--grey-medium:hsl(0,0%,80%);--grey-light:hsl(0,1%,43%);--shadow-light:hsla(0,0%,0%,0.35);--shadow-medium:hsla(0,0%,0%,0.4);--shadow-dark:hsla(247,69%,18%,0.5);--shadow-dark-hover:hsla(286,62%,27%,0.5);--cube-fill:hsla(288,68%,74%,0.25);--cube-fill-hover:hsla(289,83%,60%,0.25);--cube-footer-fill:hsla(0,0%,100%,0.5)}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-tap-highlight-color:transparent}body,html{max-width:100vw;overflow-x:hidden}body{background-color:var(--light-1);color:var(--dark);line-height:1.6;caret-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--light-2);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--nav-text);border-radius:6px;border:2px solid var(--light-2);-webkit-transition:all var(--transition-1);transition:all var(--transition-1);&:hover{background:var(--nav-text);box-shadow:0 2px 8px var(--shadow-dark)}}::-webkit-scrollbar-corner{background:var(--light-2)}*{scrollbar-width:thin;scrollbar-color:var(--nav-text) var(--light-2)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 20px}section{padding:80px 0}.section{position:relative}.bg-light{background-color:var(--light-2);box-shadow:0 0 15px var(--shadow-light)}h1,h2,h3,h4{margin-bottom:20px;font-weight:700;line-height:1.2}h1{font-size:clamp(2.2rem,6vw,3.5rem)}h2{font-size:clamp(1.8rem,3vw,2.5rem);text-align:center;margin-bottom:30px;position:relative;&:after{content:"";display:block;width:80px;height:4px;background:var(--primary);margin:15px auto;border-radius:2px}}h3{font-size:clamp(1.4rem,1.8vw,1.8rem)}h4{font-size:clamp(1.1rem,1.1vw,1.3rem)}p{margin-bottom:15px}a{text-decoration:none;color:var(--primary);transition:all var(--transition-1);&:hover{color:var(--primary-light)}}a,p{font-size:clamp(.8rem,1vw,1rem)}ul{list-style-position:inside}li{margin-bottom:8px}.section-description{text-align:center;max-width:700px;margin:0 auto 50px;color:var(--grey-medium)}.section-header{text-align:center;margin-bottom:3rem;h2{margin-bottom:1rem}p{color:var(--grey-medium);font-size:1.1rem;max-width:600px;margin:0 auto}}.btn{display:inline-block;box-sizing:border-box;padding:12px 30px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-1);cursor:pointer;font-size:1rem;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white);box-shadow:0 5px 15px var(--shadow-dark);transition:all var(--transition-1);&:hover{background:linear-gradient(135deg,var(--call-to-action),var(--call-to-action-dark));color:var(--white);transform:translateY(-1px);box-shadow:0 5px 15px var(--shadow-dark-hover)}}.btn-secondary{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border:1.5px solid var(--white);color:var(--white);box-shadow:0 5px 15px var(--shadow-dark);transition:all var(--transition-1);&:hover{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--white);color:var(--white);box-shadow:0 5px 15px var(--shadow-dark-hover)}}