@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary:#fff;--bg-secondary:#f9f9f9;--text-primary:#333;--text-secondary:#666;--text-inverse:#fff;--accent:#1273eb;--accent-hover:#0d5bbd;--border:#eaeaea;--card-bg:#fff;--header-bg:#fff;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}p{text-align:justify}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading);color:var(--text-primary);line-height:1.2}h1{letter-spacing:-.01em;font-size:3rem;font-weight:700}h2{letter-spacing:-.01em;font-size:2.25rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}a{color:inherit;text-decoration:none;transition:color .3s}a:hover{color:var(--accent)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.section-bg-light{background:var(--bg-secondary)}.section-title{text-align:center;color:#1a1a1a;margin-bottom:3rem;font-size:2.25rem;font-weight:700;position:relative}.section-title:after{content:"";background:var(--accent);width:50px;height:3px;margin:1rem auto 0;display:block}.card,.glass{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:2rem;transition:all .3s;box-shadow:0 4px 6px #0000000d}.card:hover,.glass:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.btn{font-family:var(--font-heading);cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--text-inverse)!important}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-primary);border-color:var(--border);color:var(--text-primary)!important}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)!important}.header{background:var(--header-bg);box-shadow:0 2px 10px #0000000d}.nav-links a,.nav-dropdown span{font-family:var(--font-heading);color:var(--text-primary);padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-links a:hover,.nav-dropdown span:hover{color:var(--accent)!important}.footer{color:var(--text-primary);background:var(--footer-bg,#111827)!important}.footer h3{color:var(--text-primary)!important}.footer a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.footer a:hover{opacity:1;color:var(--accent)!important}.page-banner{text-align:center;color:#fff;background-position:50%;background-size:cover;padding:6rem 0;position:relative}.page-banner:before{content:"";background:#0009;width:100%;height:100%;position:absolute;top:0;left:0}.page-banner-content{z-index:1;position:relative}.page-banner-title{margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:3rem;font-weight:700}.breadcrumbs{font-size:1rem;font-weight:500}.breadcrumbs a{color:#fff}.breadcrumbs a:hover{color:var(--accent)}input,textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:4px;padding:.75rem;font-family:Roboto,sans-serif;transition:all .3s}input:focus,textarea:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #1273eb1a}label{color:var(--text-primary);margin-bottom:.5rem;font-family:Poppins,sans-serif;font-weight:500;display:block}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-2{gap:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.nav-dropdown{padding:.5rem 0;display:inline-block;position:relative}.nav-dropdown-content{background-color:var(--header-bg);z-index:1000;border-top:3px solid var(--accent);border-radius:4px;min-width:200px;padding:.5rem 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000026}.nav-dropdown:hover .nav-dropdown-content{animation:.2s ease-out dropdownFadeIn;display:block}.nav-dropdown-content a{font-size:.9rem;font-weight:500;text-decoration:none;transition:background .3s,color .3s;display:block;color:var(--text-primary)!important;padding:.75rem 1.5rem!important}.nav-dropdown-content a:hover{background-color:var(--bg-secondary);color:var(--accent)!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
