html{scroll-behavior:smooth}:root{--brand-primary-hsl: 180 95% 23%;--brand-secondary-hsl: 173 70% 37%;--brand-accent-hsl: 70 44% 81%;--brand-light-hsl: 60 33% 93%;--brand-red-hsl: 346 87% 60%;--gradient-primary: linear-gradient(135deg, hsl(var(--brand-primary-hsl)), hsl(var(--brand-secondary-hsl)));--shadow-glow: 0 0 20px hsl(var(--brand-secondary-hsl) / .3);--brand-primary: hsl(var(--brand-primary-hsl));--brand-secondary: hsl(var(--brand-secondary-hsl));--brand-accent: hsl(var(--brand-accent-hsl));--brand-light: hsl(var(--brand-light-hsl))}body{font-family:Cairo,sans-serif;background-color:hsl(var(--brand-light-hsl))}.shadow-glow{box-shadow:var(--shadow-glow)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hexagon{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:700;transition:all .3s ease-in-out}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:not(:disabled):hover{box-shadow:var(--shadow-glow)}.btn-secondary{background-color:#f3f4f6;color:var(--brand-primary)}.btn-secondary:not(:disabled):hover{background-color:#e5e7eb}