:root{--color-bg:#fff;--color-bg-alt:#f0f0f0;--color-border:#e0e0e0;--color-text-main:#556b2f;--color-text-dark:#000;--color-text-white:#fff;--color-primary:#000;--color-accent:#556b2f;--color-surface:#fff;--font-serif:"Playfair Display", serif;--font-sans:"Inter", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-full:9999px;--transition:all .3s cubic-bezier(.25, .46, .45, .94)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--color-text-main);letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}a:hover{opacity:.7}img{object-fit:cover;max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1440px;margin:0 auto;padding:0 5%}.btn{letter-spacing:.05em;text-transform:uppercase;transition:var(--transition);border-radius:0;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:var(--color-text-white);border:1px solid var(--color-primary)}.btn-primary:hover{background-color:var(--color-surface);color:var(--color-text-main)}.btn-outline{color:var(--color-text-main);border:1px solid var(--color-border);background-color:#0000}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.section{padding:100px 0}.section-title{text-align:center;text-transform:uppercase;letter-spacing:.1em;margin-bottom:60px;font-size:48px;display:inline-block;position:relative;left:50%;transform:translate(-50%)}.section-title:after{content:"";background-color:var(--color-accent);width:60px;height:2px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex-grow:1}#root{width:100%;max-width:100%;margin:0;padding:0}.grid{gap:30px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}@media (width<=1024px){.grid-cols-4,.grid-cols-5{grid-template-columns:repeat(3,1fr)}.section-title{font-size:36px}}@media (width<=768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,1fr)}.section{padding:60px 0}}@media (width<=480px){.grid-cols-2{grid-template-columns:1fr}}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;background-color:#00000080;justify-content:center;align-items:center;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}.modal{background:var(--color-surface);width:90%;max-width:500px;padding:40px;animation:.4s forwards slideUp;position:relative;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{to{transform:translateY(0)}}.form-group{margin-bottom:20px}.form-group label{text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{border:1px solid var(--color-border);width:100%;color:var(--color-text-main);transition:var(--transition);background:0 0;padding:12px 16px;font-family:inherit;font-size:16px}.form-group input:focus{border-color:var(--color-primary);outline:none}@font-face{font-family:Dupla;src:url(/fonts/Dupla-Black.otf)format("opentype");font-weight:900;font-style:normal}@font-face{font-family:Dupla;src:url(/fonts/Dupla-BlackItalic.otf)format("opentype");font-weight:900;font-style:italic}@font-face{font-family:Dupla;src:url(/fonts/Dupla-Bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Dupla;src:url(/fonts/Dupla-SemiBold.otf)format("opentype");font-weight:600;font-style:normal}@font-face{font-family:Dupla;src:url(/fonts/Dupla-SemiBoldItalic.otf)format("opentype");font-weight:600;font-style:italic}h1,h2{font-family:Dupla,serif!important;font-style:italic!important;font-weight:900!important}h3,h4,h5,h6{font-family:Dupla,serif!important;font-weight:700!important}p,span,div,a,button,input,li{font-family:Dupla,serif!important;font-weight:600!important}