@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--primary:#d4af37;--primary-light:#231f13;--primary-dark:#b89324;--secondary:#e5c158;--secondary-light:#1a1710;--secondary-dark:#8c6e14;--bg-main:#0c0c0b;--bg-card:#161614;--bg-glass:#0c0c0bd1;--text-main:#f7f4eb;--text-muted:#a8a090;--border:#2a2822;--border-gold:#d4af37;--border-glass:#d4af371f;--font-title:"Playfair Display", serif;--font-body:"Inter", sans-serif;--shadow-sm:0 4px 12px #00000080;--shadow-md:0 8px 32px #000000b3;--shadow-lg:0 16px 48px #000000e6;--radius-sm:6px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none;outline:none}.glass{background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}.animate-scale-in{animation:scaleIn var(--transition-normal) forwards}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@keyframes bounce-pop{0%{transform:scale(1)}30%{transform:scale(1.22)}50%{transform:scale(.9)}70%{transform:scale(1.08)}to{transform:scale(1)}}.animate-bounce-pop{animation:.5s ease-out bounce-pop}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#1d1d1b 25%,#2b2822 50%,#1d1d1b 75%) 0 0/200% 100%;animation:1.5s linear infinite shimmer}.skeleton-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:16px;height:400px;padding:16px;display:flex}.skeleton-image{border-radius:var(--radius-sm);width:100%;height:250px}.skeleton-title{border-radius:var(--radius-sm);width:70%;height:20px}.skeleton-price{border-radius:var(--radius-sm);width:40%;height:24px}.toast-container{z-index:1000;flex-direction:column;gap:10px;width:calc(100% - 48px);max-width:350px;display:flex;position:fixed;bottom:24px;right:24px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}.toast-item{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-sm);color:var(--text-main);box-shadow:var(--shadow-lg);background-color:#161614f5;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex}.toast-item.error{border-left-color:#e53935}.toast-item.info{border-left-color:#3949ab}.toast-item.leaving{animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideOut}.form-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=576px){.form-grid{grid-template-columns:1fr 1fr}}.header-nav-container{justify-content:space-between;align-items:center;height:70px;display:flex}.header-logo-container{align-items:center;max-width:140px;height:56px;display:flex}@media (width>=768px){.header-nav-container{height:100px}.header-logo-container{max-width:250px;height:88px}}
