:root{--color-primary: #8B6F47;--color-primary-light: #A8865F;--color-primary-dark: #6B5537;--color-secondary: #D4A574;--color-secondary-light: #E8C9A0;--color-secondary-dark: #B88F5E;--color-accent: #E67E50;--color-accent-light: #F09870;--color-accent-dark: #C66640;--color-success: #52A675;--color-warning: #E8B44F;--color-error: #D64545;--color-neutral-50: #FAFAF9;--color-neutral-100: #F5F5F4;--color-neutral-200: #E7E5E4;--color-neutral-300: #D6D3D1;--color-neutral-400: #A8A29E;--color-neutral-500: #78716C;--color-neutral-600: #57534E;--color-neutral-700: #44403C;--color-neutral-800: #292524;--color-neutral-900: #1C1917;--spacing-1: 8px;--spacing-2: 16px;--spacing-3: 24px;--spacing-4: 32px;--spacing-5: 40px;--spacing-6: 48px;--spacing-7: 56px;--spacing-8: 64px;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-heading: "Georgia", "Times New Roman", serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);font-weight:700;color:var(--color-neutral-900)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-3)}h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}p{margin-bottom:var(--spacing-2);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-normal)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-2)}.header{position:sticky;top:0;z-index:100;background-color:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.header.scrolled{box-shadow:var(--shadow-md)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-2) 0}.logo{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:var(--spacing-1)}.logo:hover{color:var(--color-primary-dark)}.nav{display:flex;gap:var(--spacing-4);align-items:center}.nav-link{font-size:var(--font-size-base);font-weight:500;color:var(--color-neutral-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.nav-link:hover{color:var(--color-primary);background-color:var(--color-neutral-100)}.nav-link.active{color:var(--color-primary);background-color:var(--color-secondary-light)}.mobile-menu-btn{display:none;background:none;padding:var(--spacing-1);color:var(--color-neutral-700);font-size:var(--font-size-2xl)}.hero{position:relative;min-height:500px;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-secondary-light) 0%,var(--color-primary-light) 100%);overflow:hidden;margin-bottom:var(--spacing-8)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M30 30c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15-8.284 0-15-6.716-15-15z" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="2"/></svg>') repeat;opacity:.3}.hero-content{position:relative;z-index:1;max-width:700px;padding:var(--spacing-8) 0}.hero h1{font-size:var(--font-size-5xl);color:#fff;margin-bottom:var(--spacing-3);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero p{font-size:var(--font-size-lg);color:#fffffff2;line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-4)}.btn{display:inline-block;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);font-weight:600;border-radius:var(--border-radius-lg);transition:all var(--transition-normal);text-align:center}.btn-primary{background-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-accent-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:#fff;color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-secondary:hover{background-color:var(--color-neutral-100);transform:translateY(-2px)}.section{padding:var(--spacing-8) 0}.section-header{text-align:center;margin-bottom:var(--spacing-6)}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2);color:var(--color-primary-dark)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-neutral-600);max-width:600px;margin:0 auto}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.card{background:#fff;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-image{width:100%;height:220px;object-fit:cover;background-color:var(--color-neutral-200)}.card-content{padding:var(--spacing-3)}.card-category{display:inline-block;font-size:var(--font-size-xs);font-weight:600;color:var(--color-primary);background-color:var(--color-secondary-light);padding:4px 12px;border-radius:var(--border-radius-full);margin-bottom:var(--spacing-2)}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);color:var(--color-neutral-900);line-height:var(--line-height-tight)}.card-description{font-size:var(--font-size-sm);color:var(--color-neutral-600);line-height:var(--line-height-normal);margin-bottom:var(--spacing-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-neutral-500);margin-top:var(--spacing-2);padding-top:var(--spacing-2);border-top:1px solid var(--color-neutral-200)}.tags{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-2)}.tag{font-size:var(--font-size-xs);color:var(--color-neutral-600);background-color:var(--color-neutral-100);padding:4px 10px;border-radius:var(--border-radius-full)}.horizontal-scroll{display:flex;gap:var(--spacing-3);overflow-x:auto;padding-bottom:var(--spacing-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-neutral-300) var(--color-neutral-100)}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:var(--border-radius-full)}.horizontal-scroll::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:var(--border-radius-full)}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-400)}.scroll-card{flex:0 0 300px;scroll-snap-align:start}.video-player-container{position:relative;width:100%;max-width:1000px;margin:0 auto var(--spacing-4);background-color:#000;border-radius:var(--border-radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.video-player{width:100%;aspect-ratio:16 / 9}.video-info{background:#fff;padding:var(--spacing-4);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-4)}.video-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3)}.video-meta-info{display:flex;flex-wrap:wrap;gap:var(--spacing-3);padding:var(--spacing-3);background-color:var(--color-neutral-50);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-3)}.video-meta-item{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--color-neutral-600)}.review-section{background-color:var(--color-neutral-50);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin-top:var(--spacing-4)}.review-title{font-size:var(--font-size-xl);color:var(--color-primary-dark);margin-bottom:var(--spacing-2)}.review-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-neutral-700)}.footer{background:linear-gradient(to bottom,var(--color-neutral-800),var(--color-neutral-900));color:var(--color-neutral-300);padding:var(--spacing-8) 0 var(--spacing-4);margin-top:var(--spacing-8)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.footer-section h3{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--spacing-2)}.footer-links a{color:var(--color-neutral-300);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent-light)}.footer-bottom{padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-700);text-align:center;font-size:var(--font-size-sm);color:var(--color-neutral-400)}.scroll-to-top{position:fixed;bottom:var(--spacing-4);right:var(--spacing-4);width:48px;height:48px;background-color:var(--color-accent);color:#fff;border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:90;font-size:var(--font-size-xl)}.scroll-to-top.visible{opacity:1;visibility:visible}.scroll-to-top:hover{background-color:var(--color-accent-dark);transform:translateY(-4px)}.loading{text-align:center;padding:var(--spacing-8);color:var(--color-neutral-600)}.info-page{max-width:900px;margin:0 auto;padding:var(--spacing-6) var(--spacing-2)}.info-page h1{margin-bottom:var(--spacing-4);color:var(--color-primary-dark)}.info-page h2{margin-top:var(--spacing-4);margin-bottom:var(--spacing-3);color:var(--color-primary)}.info-page p{margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed)}.info-page ul,.info-page ol{margin-left:var(--spacing-4);margin-bottom:var(--spacing-3);line-height:var(--line-height-relaxed)}.info-page li{margin-bottom:var(--spacing-1)}.contact-info{background-color:var(--color-neutral-100);padding:var(--spacing-4);border-radius:var(--border-radius-lg);margin:var(--spacing-4) 0}.contact-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-neutral-200)}.contact-item:last-child{border-bottom:none}@media (max-width: 768px){.nav{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background-color:#fff;flex-direction:column;padding:var(--spacing-4);box-shadow:var(--shadow-lg);transition:left var(--transition-normal);align-items:flex-start;gap:var(--spacing-2)}.nav.active{left:0}.mobile-menu-btn{display:block}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.card-grid{grid-template-columns:1fr}.section-title{font-size:var(--font-size-2xl)}.footer-content{grid-template-columns:1fr}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}}@media (min-width: 768px) and (max-width: 1024px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-4)}}