-
-
-
-
-
-
-
-
-
+
+
+
diff --git a/style.css b/style.css
index 3529e34..d362c7d 100644
--- a/style.css
+++ b/style.css
@@ -1027,7 +1027,60 @@ a:hover {
/* === Green Energy (simplified) === */
.section-green {
+ background: linear-gradient(175deg, #ecfdf5 0%, #d1fae5 40%, #ecfdf5 100%);
+ position: relative;
+ overflow: hidden;
+}
+
+.section-green::before {
+ content: '';
+ position: absolute;
+ top: -1px;
+ left: 0;
+ width: 100%;
+ height: 60px;
background: var(--color-bg-alt);
+ clip-path: ellipse(55% 100% at 50% 0%);
+ z-index: 1;
+}
+
+.section-green::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-image:
+ radial-gradient(circle at 15% 30%, rgba(5, 150, 105, 0.06) 0%, transparent 50%),
+ radial-gradient(circle at 85% 70%, rgba(5, 150, 105, 0.05) 0%, transparent 40%);
+ pointer-events: none;
+ z-index: 0;
+}
+
+.section-green > .container,
+.section-green > .illustration-right {
+ position: relative;
+ z-index: 2;
+}
+
+.green-decoration {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ pointer-events: none;
+ z-index: 0;
+}
+
+.green-decoration svg {
+ width: 100%;
+ height: 100%;
+}
+
+.section-green > .green-decoration {
+ z-index: 1;
}
.green-energy {