*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #1a3a5c;--color-primary-light: #2a5a8c;--color-primary-dark: #0f2440;--color-accent: #d4a843;--color-accent-light: #e8c76a;--color-bg: #fafafa;--color-bg-alt: #f0f2f5;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #555770;--color-text-muted: #8a8da0;--color-border: #e0e2e8;--color-border-light: #eef0f4;--color-danger: #e74c3c;--color-success: #27ae60;--color-overlay: rgba(0, 0, 0, .6);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--header-height: 64px;--nav-height: 48px;--max-width: 1200px;--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--transition: .2s ease}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;min-height:100dvh}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-light)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;font-size:inherit}input,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:600;line-height:1.3}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.section{padding:48px 0}.section-title{font-size:2rem;margin-bottom:8px;color:var(--color-primary-dark)}.section-subtitle{font-size:1.05rem;color:var(--color-text-secondary);margin-bottom:32px}.card{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-image{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--color-bg-alt)}.card-body{padding:16px 20px}.card-title{font-family:var(--font-body);font-size:1.05rem;font-weight:600;margin-bottom:6px}.card-text{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius);font-weight:500;font-size:.9rem;transition:all var(--transition);white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light);color:#fff}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-accent{background:var(--color-accent);color:var(--color-primary-dark)}.btn-accent:hover{background:var(--color-accent-light)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.section{padding:32px 0}.section-title{font-size:1.6rem}}@media(max-width:480px){.grid-4,.grid-3{grid-template-columns:1fr}.container{padding:0 16px}}.overlay{position:fixed;inset:0;background:var(--color-overlay);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:var(--color-surface);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}