:root{--primary-blue: #2271b1;--primary-green: #27ae60;--accent-red: #e74c3c;--accent-orange: #f39c12;--text-dark: #2c3e50;--text-light: #7f8c8d;--background-light: #f8f9fa;--background-white: #ffffff;--border-color: #e1e8ed;--shadow-light: 0 2px 8px rgba(0, 0, 0, .1);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .12);--radius-small: 4px;--radius-medium: 8px;--radius-large: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);line-height:1.6;background-color:var(--background-light)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--background-white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-light)}.navbar{padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo{display:flex;align-items:center;gap:.75rem}.logo-img{height:128px;width:auto}.nav-logo h1{color:var(--primary-blue);font-size:1.75rem;font-weight:700}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-menu a{text-decoration:none;color:var(--text-dark);font-weight:500;padding:.5rem 1rem;border-radius:var(--radius-small);transition:all .2s ease}.nav-menu a:hover{background-color:var(--background-light);color:var(--primary-blue)}.btn-login{background-color:var(--primary-blue);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:var(--radius-medium);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-login:hover{background-color:#1e5a8a;transform:translateY(-1px)}.btn-primary,.btn-secondary,.btn-outline,.btn-support,.btn-share,.btn-like{border:none;border-radius:var(--radius-medium);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background-color:var(--primary-blue);color:#fff;padding:.75rem 1.5rem}.btn-primary:hover{background-color:#1e5a8a;transform:translateY(-2px);box-shadow:var(--shadow-medium)}.btn-primary.large{padding:1rem 2rem;font-size:1.1rem}.btn-secondary{background-color:transparent;color:var(--primary-blue);border:2px solid var(--primary-blue);padding:.75rem 1.5rem}.btn-secondary:hover{background-color:var(--primary-blue);color:#fff}.btn-outline{background-color:transparent;color:var(--text-dark);border:2px solid var(--border-color);padding:.75rem 1.5rem}.btn-outline:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.btn-outline.large{padding:1rem 2rem;font-size:1.1rem}.btn-support{background-color:var(--primary-green);color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-support:hover{background-color:#219a52}.btn-share{background-color:var(--text-light);color:#fff;padding:.5rem 1rem;font-size:.9rem}.btn-share:hover{background-color:#6c7b7d}.btn-like{background-color:transparent;color:var(--accent-red);border:1px solid var(--accent-red);padding:.5rem .75rem;font-size:.85rem}.btn-like:hover{background-color:var(--accent-red);color:#fff}.hero-section{background:linear-gradient(135deg,var(--primary-blue),var(--primary-green));color:#fff;text-align:center;padding:6rem 0}.hero-container{max-width:800px;margin:0 auto;padding:0 20px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;opacity:.95;line-height:1.5}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.main-content{padding:0}.featured-projects,.active-projects{padding:4rem 0;background-color:var(--background-white)}.featured-projects{background-color:var(--background-light)}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.project-card{background-color:var(--background-white);border-radius:var(--radius-large);overflow:hidden;box-shadow:var(--shadow-light);transition:all .3s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.project-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:800px;margin:0 auto}.project-image{width:100%;height:200px;overflow:hidden}.project-card.featured .project-image{height:300px}.project-image img{width:100%;height:100%;object-fit:cover}.project-content{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.project-category{background-color:var(--primary-blue);color:#fff;padding:.25rem .75rem;border-radius:var(--radius-small);font-size:.8rem;font-weight:600;text-transform:uppercase;width:fit-content;margin-bottom:1rem}.project-title{font-size:1.4rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.project-description{color:var(--text-light);margin-bottom:1.5rem;line-height:1.6}.project-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{text-align:center}.stat-number{display:block;font-size:1.5rem;font-weight:700;color:var(--primary-blue)}.stat-label{font-size:.85rem;color:var(--text-light);text-transform:uppercase}.project-actions{display:flex;gap:.75rem;flex-wrap:wrap}.call-to-action{background:linear-gradient(135deg,var(--primary-green),var(--primary-blue));color:#fff;text-align:center;padding:5rem 0}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.95}.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background-color:var(--text-dark);color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--primary-green)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .2s ease}.footer-section ul li a:hover{color:var(--primary-green)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;color:#bdc3c7}.footer-bottom a{color:var(--primary-green);text-decoration:none}@media (max-width: 768px){.nav-menu{display:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:center}.project-card.featured,.projects-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.project-stats{gap:1rem}.cta-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero-title{font-size:2rem}.project-actions{flex-direction:column}.footer-content{grid-template-columns:1fr;text-align:center}}