pagina god no toco mas

Author: quiellll

css/stratum.css

@@ -0,0 +1,87 @@
+/* Stratum page specific styles */
+.section-header {
+    position: relative;
+    background: var(--bs-dark);
+    padding: 2rem;
+    margin-bottom: 3rem;
+}
+
+.section-header::before {
+    content: "";
+    position: absolute;
+    width: 100vw;
+    height: 100%;
+    top: 0;
+    left: 50%;
+    transform: translateX(-50%);
+    background: var(--bs-dark);
+    z-index: -1;
+}
+
+.section-header h2 {
+    color: var(--bs-white);
+    font-family: "Special Elite", system-ui;
+    margin: 0;
+    font-size: 2.25rem;
+}
+
+.section-content {
+    padding-top: 2rem;
+}
+
+.feature-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    gap: 2rem;
+    margin: 0 auto;
+    max-width: 1200px;
+}
+
+.feature-card {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.feature-card .card-body {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.video-container {
+    position: relative;
+    padding-bottom: 56.25%;
+    height: 0;
+    overflow: hidden;
+    max-width: 100%;
+    margin: 2rem auto;
+}
+
+.video-container iframe {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.rules-summary {
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+/* Navbar specific fixes */
+@media (min-width: 992px) {
+    .navbar-collapse {
+        position: absolute;
+        right: 0;
+        top: 50%;
+        transform: translateY(-50%);
+    }
+    
+    .nav-item {
+        margin-left: 1.5rem;
+    }
+}