* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
html {
 scroll-behavior: smooth;
}
body {
 font-family: "Open Sans", Arial, sans-serif;
 background: #0a0a0a;
 color: #fff;
 min-height: 100vh;
 overflow-x: hidden;
}
.container {
 display: flex;
 flex-direction: column;
 align-items: center;
 padding: 1rem;
 margin-top: 10px;
 min-height: calc(100vh - 80px);
}
.terms-content {
 background: rgba(51, 51, 51, 0.6);
 backdrop-filter: blur(10px);
 border-radius: 15px;
 padding: 2rem;
 width: 100%;
 max-width: 800px;
 border: 1px solid rgba(138, 43, 226, 0.3);
 text-align: left;
}
.terms-content h1 {
 font-size: 2rem;
 margin-bottom: 1.5rem;
 color: #8a2be2;
 text-shadow: 0 0 10px rgba(138, 43, 226, 0.5);
}
.terms-content h2 {
 font-size: 1.5rem;
 margin-top: 1.5rem;
 margin-bottom: 1rem;
 color: #8a2be2;
}
.terms-content p {
 margin-bottom: 1rem;
 color: #ccc;
 line-height: 1.6;
}
.terms-content ul {
 margin-left: 1.5rem;
 margin-bottom: 1rem;
 color: #ccc;
}
.terms-content ul li {
 margin-bottom: 0.5rem;
}
.terms-content a {
 color: #8a2be2;
 text-decoration: none;
}
.terms-content a:hover {
 text-decoration: underline;
}
@media (max-width: 768px) {
 .container {
  margin-top: 10px;
  padding: 1rem;
 }
 .terms-content {
  padding: 1rem;
 }
 .terms-content h1 {
  font-size: 1.75rem;
 }
 .terms-content h2 {
  font-size: 1.25rem;
 }
}
::-webkit-scrollbar {
 width: 10px;
}
::-webkit-scrollbar-track {
 background: #1a1a1a;
 border-radius: 5px;
}
::-webkit-scrollbar-thumb {
 background: #8a2be2;
 border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
 background: #7b1fa2;
}