:root {
              --bg-color: #000000;
              --text-color: #f5f5f7;
              --sub-color: #86868b;
              --accent-color: #2997ff;
              --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

* {
              margin: 0;
              padding: 0;
              box-sizing: border-box;
}

body {
              background-color: var(--bg-color);
              color: var(--text-color);
              font-family: var(--font-stack);
              line-height: 1.5;
              -webkit-font-smoothing: antialiased;
              overflow-x: hidden;
              display: flex;
              min-height: 100vh;
}

.left-panel {
              position: fixed;
              top: 0;
              left: 0;
              width: 50%;
              height: 100vh;
              background-image: url('evidence.webp');
              background-size: contain;
              background-repeat: no-repeat;
              background-position: center;
              z-index: 1;
              border-right: 1px solid rgba(255, 255, 255, 0.1);
              background-color: #000;
              /* Ensure background matches if image doesn't fill */
}

.right-panel {
              width: 50%;
              margin-left: 50%;
              padding: 80px 60px;
              display: flex;
              flex-direction: column;
              justify-content: center;
              min-height: 100vh;
              background-color: var(--bg-color);
}

.hero {
              text-align: left;
              margin-bottom: 40px;
}

h1 {
              font-size: 64px;
              font-weight: 700;
              letter-spacing: -0.02em;
              margin-bottom: 10px;
              background: linear-gradient(135deg, #ffffff 0%, #a1a1aa 100%);
              -webkit-background-clip: text;
              background-clip: text;
              -webkit-text-fill-color: transparent;
}

.subtitle {
              font-size: 24px;
              font-weight: 500;
              color: var(--sub-color);
}

.divider {
              width: 100%;
              height: 1px;
              background: linear-gradient(to right, var(--sub-color), transparent);
              margin: 40px 0;
              opacity: 0.3;
}

.message {
              display: flex;
              flex-direction: column;
              gap: 30px;
              width: 100%;
}

.lang-block {
              background: rgba(255, 255, 255, 0.05);
              padding: 25px;
              border-radius: 16px;
              backdrop-filter: blur(10px);
              border: 1px solid rgba(255, 255, 255, 0.1);
              transition: transform 0.2s ease, border-color 0.2s ease;
}

.lang-block:hover {
              transform: translateX(5px);
              border-color: rgba(255, 255, 255, 0.3);
}

.lang-block h2 {
              font-size: 12px;
              text-transform: uppercase;
              letter-spacing: 0.1em;
              color: var(--sub-color);
              margin-bottom: 10px;
}

.lang-block p {
              font-size: 16px;
              font-weight: 400;
              color: var(--text-color);
              line-height: 1.6;
}

.lang-block strong {
              color: #ff3b30;
              font-weight: 600;
              display: block;
              margin-bottom: 5px;
}

.legal-section {
              margin-top: 60px;
              text-align: left;
              width: 100%;
              padding-top: 40px;
              border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.legal-section h3 {
              font-size: 18px;
              font-weight: 600;
              margin-bottom: 20px;
              color: var(--text-color);
}

.links {
              display: flex;
              flex-wrap: wrap;
              gap: 20px;
              margin-bottom: 30px;
              justify-content: flex-start;
}

.links a {
              color: var(--accent-color);
              text-decoration: none;
              font-size: 14px;
              transition: opacity 0.2s;
}

.links a:hover {
              text-decoration: underline;
              opacity: 0.8;
}

.copyright-notice {
              font-size: 12px;
              color: var(--sub-color);
              line-height: 1.6;
}

footer {
              margin-top: 40px;
              color: var(--sub-color);
              font-size: 12px;
              letter-spacing: 0.05em;
}

/* Animations */
.fade-in {
              opacity: 0;
              transform: translateY(20px);
              animation: fadeInUp 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.delay-1 {
              animation-delay: 0.1s;
}

.delay-2 {
              animation-delay: 0.2s;
}

.delay-3 {
              animation-delay: 0.3s;
}

@keyframes fadeInUp {
              to {
                            opacity: 1;
                            transform: translateY(0);
              }
}

@media (max-width: 900px) {
              body {
                            flex-direction: column;
              }

              .left-panel {
                            position: relative;
                            width: 100%;
                            height: 40vh;
              }

              .right-panel {
                            width: 100%;
                            margin-left: 0;
                            padding: 40px 20px;
                            min-height: auto;
              }

              h1 {
                            font-size: 42px;
              }
}