:root{--primary-color: #1A9CB7;--secondary-color: #0E5F7E;--dark-blue: #0A3D52;--light-teal: #5BC0D6;--gray: #6B7280;--dark-gray: #374151;--light-gray: #F3F4F6;--white: #FFFFFF;--black: #18191F;--gradient-bg: linear-gradient(135deg, var(--dark-blue), var(--secondary-color), var(--primary-color));--max-width: 1200px;--radius: 12px}html{scroll-behavior:smooth}body,html{margin:0;padding:0;box-sizing:border-box;font-family:Nexo,sans-serif;font-size:1rem}button{position:relative;overflow:hidden;padding:1%;border-radius:var(--radius);cursor:pointer;border:2px solid var(--light-teal);background:transparent;color:var(--white)}button:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;background:linear-gradient(135deg,var(--primary-color),var(--dark-blue));transition:width .4s ease;z-index:0}button:hover:before{width:100%}button:hover>span{color:#fff}button span{position:relative;z-index:1;color:#000;font-weight:700!important}