v2

Author: ghzhost

style.css css/style.cssstyle.css renamed to css/style.css

@@ -12,6 +12,13 @@ body {
     overflow-x: hidden;
 }
 
+/* Container principal com fundo3 */
+.main-container {
+    background: url('../img/fundo3.webp') center/cover no-repeat;
+    min-height: 100vh;
+    position: relative;
+}
+
 /* Top bar */
 .topbar {
     background: linear-gradient(to bottom, #0f112d, #0b0d26);
@@ -75,7 +82,7 @@ body {
     justify-content: center;
     align-items: center;
     padding: 80px 50px;
-    background: url('fundo1.webp') center/cover no-repeat;
+    background: url('../img/fundo1.webp') center/cover no-repeat;
     text-align: left;
 }
 .hero-text {
@@ -87,11 +94,11 @@ body {
     font-size: 4rem;
     margin-bottom: 30px;
 }
-.highlight-green {
-    color: #00ff7f;
+.highlight-lightblue {
+    color: #00AFEF;
 }
-.highlight-red {
-    color: #ff4c4c;
+.highlight-blue {
+    color: #0363C3;
 }
 .hero .buttons {
     margin-top: 20px;
@@ -144,31 +151,31 @@ body {
     background: #11142f;
     flex-wrap: wrap;
     position: relative;
-    background-image: url('https://i.imgur.com/W2d2g0O.png');
+    background-image: url('../img/fundo2.webp');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center bottom;
     opacity: 1;
 }
 
 .card {
-    background: rgba(0, 191, 255, 0.1);
+    background: rgba(255, 255, 255, 0.15);
     border-radius: 15px;
     padding: 20px;
     width: 280px;
     text-align: center;
-    backdrop-filter: blur(10px);
-    box-shadow: 0 0 10px rgba(0, 191, 255, 0.5), 0 0 20px rgba(0, 191, 255, 0.2);
+    backdrop-filter: blur(15px);
+    box-shadow: 0 8px 32px rgba(255, 255, 255, 0.2), 0 0 20px #00bfff4d;
     position: relative;
     overflow: hidden;
-    border: 1px solid rgba(0, 191, 255, 0.3);
+    border: 1px solid rgba(255, 255, 255, 0.2);
 }
 .card img.plan-bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
-    opacity: 0.1;
+    opacity: 0.3;
     z-index: 0;
 }
 .card h2 {
@@ -205,7 +212,7 @@ body {
 footer {
   width: 100%;
   height: 200px;
-  background-image: url('footer.svg');
+  background-image: url('../img/footer.svg');
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center bottom;