@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@500;600;700&family=Outfit:wght@700;800&display=swap";:root{--bg-color: #FAFAFA;--text-main: #2C3E50;--text-muted: #7f8c8d;--primary-color: #386668;--primary-rgb: 56, 102, 104;--primary-light: #5A8F91;--secondary-bg: #F5F5F7;--card-bg: #FFFFFF;--accent-color: #E09F3E;--border-color: #E0E0E0;--shadow: 0 4px 20px rgba(0, 0, 0, .06);--radius: 16px;--font-main: "Inter", system-ui, sans-serif;--font-heading: "Poppins", sans-serif;--error-color: #D64545;--success-color: #3B8E5F;--nav-height: 80px;--nav-bg: rgba(255, 255, 255, .9)}[data-theme=dark]{--bg-color: #121212;--text-main: #ffffff;--text-muted: #b0b0b0;--primary-color: #5A8F91;--primary-rgb: 90, 143, 145;--primary-light: #7CB6B8;--secondary-bg: #1e1e1e;--card-bg: #252525;--accent-color: #FFC857;--border-color: #333333;--shadow: 0 4px 20px rgba(0, 0, 0, .4);--error-color: #E57373;--success-color: #81C784;--nav-bg: rgba(18, 18, 18, .9)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;min-height:100vh;width:100%;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}html{overflow-x:hidden;width:100%;scroll-behavior:smooth}h1,h2,h3,h4{font-family:var(--font-heading);color:var(--text-main)}a{text-decoration:none;color:inherit}#root{width:100%;display:flex;flex-direction:column;min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;width:100%}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;border:none;gap:8px}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 10px #38666833}.btn-primary:hover{background-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 15px #3866684d}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-accent{background-color:var(--accent-color);color:#fff}.btn-accent:hover{transform:scale(1.05)}@media(max-width:768px){footer .container{grid-template-columns:1fr!important;gap:40px!important;text-align:center}footer .container>div{align-items:center}footer .container>div:first-child{align-items:center;display:flex;flex-direction:column}footer h4{margin-bottom:12px}footer ul{align-items:center}footer div[style*="gap: 16px"]{justify-content:center}}.hover-link:hover{color:var(--primary-color)!important;text-decoration:underline!important;transform:translate(4px)}.hover-link{transition:all .2s ease-in-out}.perk-link:hover{background-color:var(--card-bg)!important;border-color:var(--primary-color)!important;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.perk-card-link:hover{background-color:var(--card-bg)!important;border-color:var(--primary-color)!important;transform:scale(1.02);box-shadow:0 8px 20px #00000014}.grid-responsive{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:900px){.container{padding:0 12px}.btn{padding:12px 20px;font-size:.9rem}h1{font-size:1.8rem!important}h2{font-size:1.5rem!important}.grid-responsive,.admin-grid{grid-template-columns:1fr!important;gap:16px!important}.mobile-stack{flex-direction:column!important;gap:16px!important}.admin-main-content{padding:24px 16px!important;width:100%!important}.tab-scroll{overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch}section{padding-left:0!important;padding-right:0!important}.card{max-width:100%!important;width:100%!important}input,select,textarea{font-size:16px!important}}@media(max-width:480px){.container{padding:0 10px}.card{padding:24px 16px!important}}@media(max-width:900px){.hide-on-mobile{display:none!important}}@media(min-width:901px){.show-on-mobile{display:none!important}}@media(max-width:480px){div[style*="display: flex"][style*="gap: 16px"]{flex-direction:column!important}}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}