:root{--bg: #FAFAF7;--bg-alt: #F0EDE6;--bg-card: #FFFFFF;--bg-dark: #1A1A1A;--accent: #D4A27F;--accent-hover: #C48E6A;--accent-light: #F5EDE6;--accent-subtle: #FAF5F0;--text: #1A1A1A;--text-2: #4A4A3F;--text-3: #8A8774;--text-inv: #FAFAF7;--border: #E5E2DA;--border-strong: #D0CDC4;--green: #2D8B4E;--green-light: #E8F5EC;--red: #C45D4F;--blue: #3B7DD8;--radius: 12px;--radius-sm: 8px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(0,0,0,.04);--shadow: 0 4px 16px rgba(0,0,0,.06);--shadow-lg: 0 12px 40px rgba(0,0,0,.08);--max-w: 1200px;--font: "Inter", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-weight:700;line-height:1.2;letter-spacing:-.025em;color:var(--text)}h1{font-size:clamp(2rem,5vw,3.25rem);font-weight:800}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.1rem,2vw,1.4rem)}img{max-width:100%;height:auto}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}@media(max-width:640px){.container{padding:0 16px}}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;border:none;cursor:pointer;transition:all .15s;text-decoration:none;font-family:var(--font)}.btn-primary{background:var(--bg-dark);color:var(--text-inv)}.btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:var(--shadow)}.btn-secondary{background:var(--bg-card);color:var(--text);border:1.5px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--text-3);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#257a42;transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:100px;font-size:.78rem;font-weight:600;background:var(--accent-light);color:#6b3a1f}.header{position:sticky;top:0;z-index:100;background:#fafaf7d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:600;font-size:1rem}.logo-icon{display:flex;align-items:center}.logo-text{letter-spacing:-.01em}.logo-bold{font-weight:800}.nav-desktop{display:flex;align-items:center;gap:28px}.nav-desktop a{color:var(--text-2);font-size:.9rem;font-weight:500;transition:color .15s}.nav-desktop a:hover,.nav-desktop a.active{color:var(--text)}.btn-nav{padding:9px 18px;font-size:.82rem}.nav-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text);padding:4px}.nav-mobile{display:none;flex-direction:column;gap:12px;padding:12px 24px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.nav-mobile a{color:var(--text-2);font-size:.95rem;font-weight:500;padding:6px 0}@media(max-width:860px){.nav-desktop{display:none!important}.nav-toggle{display:block!important}.nav-mobile.open{display:flex}}.footer{background:var(--bg-dark);color:var(--text-inv);padding:64px 0 0;margin-top:80px}.footer-top{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}.footer-brand p{color:#888;margin-top:12px;font-size:.85rem;line-height:1.5;max-width:280px}.footer-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem}.footer-columns{display:flex;gap:56px}.footer-col h4{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#666;margin-bottom:14px;font-weight:600}.footer-col a{display:block;color:#aaa;font-size:.88rem;margin-bottom:10px;transition:color .15s}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:48px;padding:20px 0;border-top:1px solid #333;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-bottom p{color:#666;font-size:.78rem}.footer-note{font-style:italic}@media(max-width:860px){.footer-columns{flex-direction:column;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top{flex-direction:column;gap:32px}.footer{padding:48px 0 0}}
