@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{--primary-color: #1C1917;--primary-light: #2D2A28;--primary-dark: #0F0D0C;--secondary-color: #D97706;--secondary-light: #F59E0B;--secondary-dark: #B45309;--secondary-glow: rgba(217, 119, 6, .4);--accent-color: #3C2A21;--bg-color: #FDFDFD;--bg-soft: #F8F7F5;--text-main: #1A1A1A;--text-muted: #6B7280;--text-dim: #9CA3AF;--white: #FFFFFF;--card-bg: #FFFFFF;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .2);--dark-glass: rgba(28, 25, 23, .9);--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-elite: 0 40px 80px rgba(0, 0, 0, .07);--shadow-gold: 0 10px 30px rgba(217, 119, 6, .2);--border-radius-xl: 60px;--border-radius-lg: 40px;--border-radius-md: 24px;--border-radius-sm: 16px;--transition: all .4s cubic-bezier(.23, 1, .32, 1);--transition-slow: all .7s cubic-bezier(.23, 1, .32, 1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Plus Jakarta Sans,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 40px}@media(max-width:768px){.content{padding:0 20px}}h1,h2,h3,h4{font-family:Playfair Display,serif;font-weight:700;color:var(--primary-color);letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:var(--transition)}.interactive-card{transition:var(--transition);border:1px solid rgba(0,0,0,.03);position:relative;overflow:hidden}.interactive-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 40px 80px #0000001f;border-color:#d9770626}.interactive-card:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition-slow)}.interactive-card:hover:after{left:200%}.glass-card{background:#fff9;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000000d}.dark-glass-card{background:#1c1917b3;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0003}.btn-premium{background:var(--primary-color);color:#fff;padding:20px 40px;border-radius:var(--border-radius-sm);font-weight:800;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}.btn-premium:hover{background:var(--secondary-color);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-premium:active{transform:scale(.97)}.btn-gold{background:var(--secondary-color);color:#fff;padding:18px 36px;border-radius:var(--border-radius-sm);font-weight:800;box-shadow:var(--shadow-gold)}.btn-gold:hover{background:var(--secondary-dark);box-shadow:0 15px 35px #d9770666;transform:translateY(-3px)}.glass-effect{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border)}.dark-glass{background:var(--dark-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.container-padded{max-width:1400px;margin:0 auto;padding:0 40px}@media(max-width:768px){.container-padded{padding:0 20px}}.highlight-serif{font-style:italic;color:var(--secondary-color);position:relative;display:inline-block}.highlight-serif:after{content:"";position:absolute;bottom:0;left:0;width:0;height:4px;background:var(--secondary-glow);transition:var(--transition)}.highlight-serif:hover:after{width:100%}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeInSlide .8s cubic-bezier(.23,1,.32,1) forwards}@keyframes glow{0%,to{box-shadow:0 0 5px var(--secondary-glow)}50%{box-shadow:0 0 20px var(--secondary-glow)}}.glow-interact:hover{animation:glow 1.5s infinite}
