@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--primary-color:#0f172a;--accent-color:#0d9488;--accent-gold:#c5a059;--background:#020617;--foreground:#f8fafc;--card-bg:#0f172a99;--border-color:#c5a05933;--glass-bg:#0f172a66;--glass-border:#ffffff0d;--font-main:"Inter",sans-serif;--font-heading:"Outfit",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:var(--background);font-family:var(--font-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 20% 20%,#0d948826 0%,#0000 40%),radial-gradient(circle at 80% 80%,#c5a0591a 0%,#0000 40%),url(/premium-bg.png);background-size:cover;background-attachment:fixed;min-height:100vh;line-height:1.6}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--foreground);line-height:1.1}a{color:var(--accent-gold);font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{filter:brightness(1.2);text-shadow:0 0 10px #c5a05966}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);background:#020617cc;justify-content:center;margin-top:5rem;padding:5rem 2rem;display:flex}.bottom-nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.nav-link{color:#94a3b8;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{color:var(--foreground);background:#ffffff0d;transform:translateY(-2px)}.nav-button{background:linear-gradient(135deg,var(--accent-gold),#b38e4d);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:9999px;padding:1rem 2.5rem;font-size:.9rem;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #c5a05940;color:#fff!important}.nav-button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 50px #c5a05966}@keyframes glow{0%{box-shadow:0 0 5px #0d948833}50%{box-shadow:0 0 20px #0d948866}to{box-shadow:0 0 5px #0d948833}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:1s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);color:var(--foreground);border-radius:2rem;padding:3rem;transition:all .5s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 20px 80px #0006}.glass-card:before{content:"";background:linear-gradient(90deg,transparent,var(--accent-gold),transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:#c5a05966;transform:translateY(-12px);box-shadow:0 40px 100px #0009}.hero-section{text-align:center;max-width:1000px;margin:0 auto;padding:8rem 2rem}.hero-section h1{background:linear-gradient(#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:5rem;font-weight:800}.hero-section p{color:#94a3b8;max-width:700px;margin:0 auto;font-size:1.5rem}.section-header{text-align:center;margin-bottom:5rem}.section-header h2{color:#fff;margin-bottom:1rem;font-size:3.5rem}.section-header p{color:var(--accent-gold);text-transform:uppercase;letter-spacing:.2em;font-size:.9rem;font-weight:700}
