fix: reduce spacing between feature cards and learning path, align widths

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: M1zz

site/en/index.html

@@ -68,7 +68,7 @@
 .footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2);}
 
 /* Feature Cards */
-.features{max-width:1200px;margin:0 auto;padding:0 24px 60px;}
+.features{max-width:1200px;margin:0 auto;padding:0 24px 24px;}
 .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
 .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s;display:flex;flex-direction:column;}
 .feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.1);text-decoration:none;}
@@ -158,7 +158,7 @@ <h1 data-i18n="hero_title">Everything About<br>Apple Development</h1>
 </div>
 
 <!-- Learning Path -->
-<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;margin:0 24px 40px;padding:32px;">
+<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;max-width:1200px;margin:0 auto 40px;padding:32px;">
   <div class="phase-header" style="border:none;padding:0;margin-bottom:20px;justify-content:center;">
     <span class="phase-icon">🎯</span>
     <span class="phase-title" data-i18n="lp_title">Where do I start?</span>

site/index.html

@@ -68,7 +68,7 @@
 .footer{text-align:center;padding:40px 24px;border-top:1px solid var(--border);font-size:13px;color:var(--text-2);}
 
 /* Feature Cards */
-.features{max-width:1200px;margin:0 auto;padding:0 24px 60px;}
+.features{max-width:1200px;margin:0 auto;padding:0 24px 24px;}
 .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
 .feature-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:0;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s;display:flex;flex-direction:column;}
 .feature-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px rgba(0,0,0,0.1);text-decoration:none;}
@@ -161,7 +161,7 @@ <h1 data-i18n="hero_title">Apple 개발의<br>모든 것을 한곳에서</h1>
 </div>
 
 <!-- 학습 경로 추천 -->
-<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;margin:0 24px 40px;padding:32px;">
+<div class="phase-section" id="learning-path" style="background:linear-gradient(135deg,#f5f5f7,#e8e8ed);border-radius:20px;max-width:1200px;margin:0 auto 40px;padding:32px;">
   <div class="phase-header" style="border:none;padding:0;margin-bottom:20px;justify-content:center;">
     <span class="phase-icon">🎯</span>
     <span class="phase-title" data-i18n="lp_title">어디서 시작할까요?</span>