diff --git a/css/main.css b/css/main.css
index 60c03b0..41203dd 100644
--- a/css/main.css
+++ b/css/main.css
@@ -25,18 +25,23 @@
 
 .hero-content {
   position: relative;
-  z-index: 1;
-  max-width: 800px;
+  z-index: 2;
+  max-width: 850px;
   padding: 20px;
 }
 
 .hero h1 {
   font-size: 3rem;
+  font-weight: 700;
+  line-height: 1.2;
+  margin-bottom: 15px;
 }
 
 .hero p {
   font-size: 1.2rem;
   margin: 1rem 0;
+  opacity: 0.9;
+  max-width: 650px;
 }
 
 .hero .btn {
diff --git a/index.html b/index.html
index 55a0fae..18825d3 100644
--- a/index.html
+++ b/index.html
@@ -85,7 +85,7 @@
   <!-- Hero Section -->
   <section id="hero" class="hero">
     <div class="hero-content">
-      <h1>Hello, I'm <span class="highlight">Vimal</span></h1>
+      <h1>Hello,<br> I'm <span class="highlight">Vimal</span></h1>
       <p>A Passionate <strong>Java Developer</strong> building scalable backend applications.</p>
       <a href="#projects" class="btn">View My Work</a>
     </div>