:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#151515;--color-accent-gold:#d4af37;--color-accent-gold-dark:#b5952f;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff14;--glass-border:1px solid #ffffff14;--glass-border-hover:1px solid #d4af374d;--font-heading:"Playfair Display", serif;--font-body:"Inter", sans-serif;--spacing-section:8rem;--spacing-section-mobile:4rem;--spacing-element:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.2s ease-in-out;--transition-normal:.3s ease-in-out;--transition-slow:.5s ease}img{image-rendering:auto;-ms-interpolation-mode:bicubic;backface-visibility:hidden;transform:translateZ(0)}@media (-webkit-device-pixel-ratio>=2),(resolution>=2x){img{image-rendering:auto}}img{-webkit-tap-highlight-color:transparent;border:0;outline:none}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:clamp(14px,2.5vw,16px)}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-bottom:clamp(.75rem,2vw,1rem);font-weight:400;line-height:1.2}p{color:var(--color-text-secondary);margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(.9rem,2.5vw,1rem);line-height:1.6}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-gold)}ul{list-style:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-normal);box-shadow:0 8px 32px #0000004d}.glass-panel:hover{background:var(--glass-bg-hover);border:var(--glass-border-hover)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}section{padding:clamp(3rem,8vw,8rem) 0}.btn{font-family:var(--font-body);text-transform:uppercase;letter-spacing:1px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:clamp(.3rem,1vw,.5rem);padding:clamp(.6rem,2vw,.75rem) clamp(1.5rem,4vw,2rem);font-size:clamp(.8rem,2vw,.875rem);font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-accent-gold);color:var(--color-bg-primary)}.btn-primary:hover{background-color:var(--color-accent-gold-dark)}.btn-outline{color:var(--color-text-primary);border:1px solid var(--color-accent-gold);background-color:#0000}.btn-outline:hover{background-color:var(--color-accent-gold);color:var(--color-bg-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-gold)}@media (width<=480px){html{font-size:14px}.container{padding:0 1rem}section{padding:2.5rem 0}}@media (width>=481px) and (width<=768px){.container{padding:0 1.5rem}section{padding:3.5rem 0}}@media (width>=769px) and (width<=1024px){.container{padding:0 2rem}section{padding:5rem 0}}@media (width>=1025px){section{padding:8rem 0}}@media (width<=768px){h1{font-size:clamp(1.8rem,6vw,2.5rem)}h2{font-size:clamp(1.5rem,5vw,2rem)}h3{font-size:clamp(1.2rem,4vw,1.5rem)}h4{font-size:clamp(1rem,3vw,1.25rem)}}@media (width>=769px){h1{font-size:clamp(2.5rem,4vw,3.5rem)}h2{font-size:clamp(2rem,3vw,2.5rem)}h3{font-size:clamp(1.5rem,2.5vw,1.8rem)}h4{font-size:clamp(1.25rem,2vw,1.4rem)}}.grid-responsive{gap:clamp(1rem,3vw,2rem);display:grid}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.py-responsive{padding:clamp(2rem,5vw,4rem) 0}.px-responsive{padding:0 clamp(1rem,4vw,2rem)}.my-responsive{margin:clamp(1.5rem,3vw,2.5rem) 0}.mx-responsive{margin:0 clamp(1rem,4vw,2rem)}.flex-responsive{gap:clamp(1rem,3vw,2rem);display:flex}@media (width<=768px){.flex-responsive{flex-direction:column}.hide-mobile{display:none!important}}.show-mobile{display:none}@media (width<=768px){.show-mobile{display:block}}
