:root {
--gold: #C8A55B;
--gold-400: #D4AD54;
--gold-300: #E0C680;
--gold-50: #FBF7EE;
--gold-100: #F5EBD5;
--gold-200: #EDDCB3;
--gold-600: #B08A3A;
--gold-700: #8F6D2E;
--navy-900: #0A1628;
--navy-700: #152742;
--navy-600: #1E3354;
--navy-500: #2E4668;
--navy-400: #4F6384;
--navy-300: #7080A0;
--navy-200: #9BA6BC;
--navy-100: #C5CBD8;
--navy-50: #E8EBF0;
--navy-950: #060E1A;
--emerald-500: #10b981;
--emerald-400: #34d399;
--emerald-50: #ecfdf5;
--emerald-100: #d1fae5;
--emerald-600: #059669;
}

iframe {
    right: 16px !important;
    bottom: 40px !important;
}


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;color:#1a1a2e;line-height:1.6;overflow-x:hidden;background:#fff}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;display:block}
button{cursor:pointer;border:none;font-family:inherit}
input,textarea{font-family:inherit}

.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}

.legal-page {
  min-height: 100vh;
  background: #0a1628;
  color: #e5e7eb;
  padding: 60px 16px;
}

.legal-container {
  max-width: 900px;
  margin: 0 auto;
  background: rgba(255,255,255,0.03);
  border-radius: 16px;
  padding: 32px;
}

.legal-container h1 {
  margin-bottom: 20px;
  color: #f0c77b;
}

.legal-container h2 {
  margin-top: 24px;
  margin-bottom: 8px;
  color: #f0c77b;
}

.legal-container p {
  font-size: 15px;
  line-height: 1.7;
  opacity: 0.9;
}