:root{--color-bg-h: 222;--color-bg-s: 47%;--color-bg-l: 11%;--color-accent-h: 45;--color-accent-s: 93%;--color-accent-l: 47%;--color-secondary-h: 217;--color-secondary-s: 33%;--color-secondary-l: 17%;--color-text-h: 0;--color-text-s: 0%;--color-text-l: 100%;--color-background: hsl(var(--color-bg-h), var(--color-bg-s), var(--color-bg-l));--color-surface: hsl(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l));--color-primary: hsl(var(--color-accent-h), var(--color-accent-s), var(--color-accent-l));--color-text: hsl(var(--color-text-h), var(--color-text-s), var(--color-text-l));--color-text-muted: hsl(var(--color-text-h), var(--color-text-s), 70%);--gradient-gold: linear-gradient(135deg, hsl(45, 93%, 47%), hsl(35, 90%, 55%));--gradient-dark: linear-gradient(to bottom, var(--color-background), #0a0f1c);--space-unit: 8px;--space-xs: calc(var(--space-unit) * 1);--space-sm: calc(var(--space-unit) * 2);--space-md: calc(var(--space-unit) * 4);--space-lg: calc(var(--space-unit) * 8);--space-xl: calc(var(--space-unit) * 16);--font-heading: "Playfair Display", serif;--font-body: "Outfit", sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(234, 179, 8, .3);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6}body{min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;font-weight:700;margin-bottom:var(--space-sm)}h1{font-size:clamp(2rem,5vw,4.5rem)}h2{font-size:clamp(1.75rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2.25rem)}p{margin-bottom:var(--space-md);color:var(--color-text-muted)}a{color:inherit;text-decoration:none;min-width:44px;min-height:44px;display:inline-flex;align-items:center}button{cursor:pointer;border:none;background:none;font-family:inherit;min-width:44px;min-height:44px}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media (max-width: 768px){.container{padding:0 16px}}.text-gradient{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-panel{background:#1e293b66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:var(--radius-full);font-weight:600;transition:all var(--transition-normal);letter-spacing:.5px;text-transform:uppercase;font-size:.9rem;white-space:nowrap}.btn-primary{background:var(--gradient-gold);color:var(--color-background);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #eab30880}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:#eab3081a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@media (max-width: 768px){.flex-col-mobile{flex-direction:column!important}.grid-1-col-mobile{grid-template-columns:1fr!important}.gap-mobile{gap:24px!important}}
