From 766a93054232b2220d5e8b3f51a6bb14c3449e1a Mon Sep 17 00:00:00 2001
From: Bayu <d1041231072@student.untan.ac.id>
Date: Thu, 4 Jun 2026 20:41:40 +0700
Subject: [PATCH] =?UTF-8?q?fix(LimaEm):=20Hero=20100%=20inline=20style=20?=
 =?UTF-8?q?=E2=80=94=20gradient=20biru,=20badge=20kuning,=20heading,=20dan?=
 =?UTF-8?q?=20button=20cocok=20referensi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 groups/LimaEm/index.html | 38 +++++++++++++++++++++-----------------
 1 file changed, 21 insertions(+), 17 deletions(-)

diff --git a/groups/LimaEm/index.html b/groups/LimaEm/index.html
index 97545c9..8ec845f 100644
--- a/groups/LimaEm/index.html
+++ b/groups/LimaEm/index.html
@@ -1140,8 +1140,8 @@
         </div>
     </div>
 
-<main id="main-content" class="pt-[88px] lg:pt-[160px] min-h-screen bg-white">
-        <div class="container mx-auto px-4 lg:px-8 pt-12 pb-8">
+<main id="main-content" class="min-h-screen bg-white">
+        <div class="container mx-auto px-4 lg:px-8" style="padding-top: calc(88px + 3rem);">
             <div class="mb-8 pb-8 border-b border-slate-200">
                 <span class="bg-untan-yellow text-slate-900 text-[10px] font-bold uppercase tracking-widest px-2 py-0.5 inline-block mb-3">Tugas Halaman Statis</span>
                 <h1 class="text-3xl lg:text-4xl font-bold text-slate-900 mb-2">Kehidupan Mahasiswa &amp; Himpunan (HMIF)</h1>
@@ -1151,45 +1151,49 @@
         <div id="assignment-body" class="w-full">
                 <!-- ================= START: BAGIAN YANG DIEDIT KELOMPOK ================= -->
                 <!-- Hero Section -->
-                <header class="relative w-full min-h-screen flex items-center overflow-hidden pt-[92px] lg:pt-[118px]">
+                <header class="relative w-full min-h-screen flex items-center overflow-hidden" style="padding-top: 92px;">
 
                     <img id="api-hero-bg" src="./assets/images/bg-kehidupan-mahasiswa.png" alt="Foto Kegiatan Mahasiswa"
                         class="absolute inset-0 w-full h-full object-cover z-0" />
 
-                    <div class="absolute inset-0 z-0" style="background: linear-gradient(to right, #003150 0%, rgba(0, 49, 80, 0.8) 50%, transparent 100%);"></div>
+                    <!-- Gradient biru ke kanan seperti referensi -->
+                    <div class="absolute inset-0 z-0" style="background: linear-gradient(to right, #003150 0%, rgba(0,49,80,0.85) 40%, rgba(0,49,80,0.4) 65%, transparent 100%);"></div>
 
-                    <div class="relative z-10 w-full px-6 lg:px-16 xl:px-24 py-16 lg:py-24">
+                    <div class="relative z-10 w-full" style="max-width: 1280px; margin: 0 auto; padding: 4rem 3rem;">
 
-                        <div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
+                        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;">
 
-                            <div class="flex flex-col items-start text-left space-y-6">
+                            <div style="display: flex; flex-direction: column; align-items: flex-start; gap: 1.5rem;">
 
-                                <div
-                                    class="bg-hmif-secondary/15 text-hmif-secondary font-bold text-xs md:text-sm px-3 py-1 rounded-full ring-1 ring-hmif-secondary/30 backdrop-blur-sm hover:bg-hmif-secondary/25 transition-all duration-300 cursor-default">
+                                <!-- Badge COMMUNITY & LEADERSHIP -->
+                                <div style="background: rgba(254,180,1,0.15); color: #feb401; font-weight: 700; font-size: 0.75rem; padding: 0.25rem 0.75rem; border-radius: 9999px; letter-spacing: 0.05em;">
                                     COMMUNITY &amp; LEADERSHIP
                                 </div>
 
-                                <h1 class="text-3xl md:text-4xl lg:text-5xl font-bold text-white leading-tight">
-                                    Kehidupan Mahasiswa & <span class="text-hmif-secondary" style="color:var(--color-hmif-secondary)">Himpunan (HMIF)</span>
+                                <!-- Heading -->
+                                <h1 style="font-size: clamp(1.875rem, 4vw, 3rem); font-weight: 800; color: white; line-height: 1.2; margin: 0;">
+                                    Kehidupan Mahasiswa &amp; <span style="color: #feb401;">Himpunan (HMIF)</span>
                                 </h1>
 
-                                <p class="text-base md:text-lg text-gray-300 font-light leading-relaxed max-w-xl">
+                                <!-- Subtext -->
+                                <p style="font-size: 1rem; color: #d1d5db; font-weight: 300; line-height: 1.75; max-width: 36rem; margin: 0;">
                                     Membangun ekosistem kolaboratif di mana teknologi bertemu dengan
                                     kreativitas, membentuk calon pemimpin industri masa depan.
                                 </p>
 
+                                <!-- Button -->
                                 <button onclick="document.getElementById('divisi')?.scrollIntoView({behavior:'smooth'})"
-                                    style="margin-top:1rem; background:transparent; border: 2px solid white; color:white; font-weight:700; font-size:0.875rem; padding: 0.75rem 1.5rem; border-radius:6px; cursor:pointer; transition: all 0.25s ease;"
-                                    onmouseover="this.style.background='#feb401'; this.style.color='#003150'; this.style.borderColor='#feb401'; this.style.transform='scale(1.05)'; this.style.boxShadow='0 10px 25px rgba(254,180,1,0.4)';"
+                                    style="background: transparent; border: 2px solid white; color: white; font-weight: 700; font-size: 0.9375rem; padding: 0.75rem 1.5rem; border-radius: 6px; cursor: pointer; transition: all 0.25s ease; margin-top: 0.5rem;"
+                                    onmouseover="this.style.background='#feb401'; this.style.color='#003150'; this.style.borderColor='#feb401'; this.style.transform='scale(1.04)'; this.style.boxShadow='0 8px 24px rgba(254,180,1,0.35)';"
                                     onmouseout="this.style.background='transparent'; this.style.color='white'; this.style.borderColor='white'; this.style.transform='scale(1)'; this.style.boxShadow='none';"
-                                    onmousedown="this.style.transform='scale(0.96)';"
-                                    onmouseup="this.style.transform='scale(1.05)';">
+                                    onmousedown="this.style.transform='scale(0.97)';"
+                                    onmouseup="this.style.transform='scale(1.04)';">
                                     Lihat Struktur Kepengurusan
                                 </button>
 
                             </div>
 
-                            <div class="hidden lg:block"></div>
+                            <div></div>
 
                         </div>
                     </div>