:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#60a5fa;--secondary:#7c3aed;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--text:#1f2937;--text-light:#6b7280;--text-lighter:#9ca3af;--bg:#ffffff;--bg-gray:#f9fafb;--bg-dark:#111827;--border:#e5e7eb;--shadow:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px rgba(0,0,0,0.1);--radius:0.5rem;--transition:all 0.2s ease}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.2;font-weight:600}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 1rem}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-block;padding:0.75rem 1.5rem;border-radius:var(--radius);font-weight:500;text-align:center;transition:var(--transition);cursor:pointer;border:none;outline:none}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-dark);color:white;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--bg-gray);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);color:var(--text)}.btn-large{padding:1rem 2rem;font-size:1.125rem}.nav{background:var(--bg);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.logo{font-size:1.75rem;font-weight:700;color:var(--primary)}.logo:hover{color:var(--primary)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--text);font-weight:500;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a.active::after{content:'';position:absolute;bottom:-0.5rem;left:0;right:0;height:2px;background:var(--primary)}.mobile-menu{display:none}.hero{min-height:60vh;display:flex;align-items:center;text-align:center;position:relative;overflow:hidden}.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1.5rem}.hero p{font-size:clamp(1.125rem,2vw,1.5rem);margin-bottom:2rem}.gradient-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white}.section{padding:4rem 0}.section-title{text-align:center;margin-bottom:3rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.footer{background:var(--bg-dark);color:white;padding:3rem 0;margin-top:4rem}.footer a{color:#d1d5db}.footer a:hover{color:white}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:var(--text-lighter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fade-in{animation:fadeIn 0.5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.ad-container{margin:2rem auto;padding:2rem;background:var(--bg-gray);border-radius:var(--radius);text-align:center;min-height:100px;border:1px solid var(--border)}@media(max-width:768px){.nav-links{display:none}.mobile-menu{display:block;background:none;border:none;cursor:pointer;padding:0.5rem}.mobile-menu span{display:block;width:25px;height:3px;background:var(--text);margin:5px 0;transition:var(--transition)}.mobile-menu.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu.active span:nth-child(2){opacity:0}.mobile-menu.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-links.mobile-active{display:flex;position:absolute;top:100%;left:0;right:0;background:var(--bg);flex-direction:column;padding:1rem;box-shadow:var(--shadow-md);gap:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.section{padding:3rem 0}.container{padding:0 1rem}}@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}@media(prefers-color-scheme:dark){:root{--text:#f9fafb;--text-light:#d1d5db;--text-lighter:#9ca3af;--bg:#111827;--bg-gray:#1f2937;--bg-dark:#030712;--border:#374151}.card{background:var(--bg-gray)}.footer{background:var(--bg-dark)}}