.home-v3 { width:min(1280px,100%); min-height:calc(100vh - 150px); margin:auto; padding:50px 28px 90px; }
.home-v3-hero { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr); gap:28px; align-items:center; }
.home-v3-copy { padding:14px 0; }
.home-v3-copy h1 { max-width:760px; margin:12px 0 18px; font-size:clamp(42px,5.2vw,70px); line-height:1.05; letter-spacing:-.06em; }
.home-v3-copy h1 em { color:var(--accent); font-style:normal; }
.home-v3-copy>p { max-width:590px; margin:0; color:var(--ink-muted); font-size:17px; line-height:1.8; }
.home-v3-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:25px; }
.home-v3-actions .button { min-height:48px; }
.home-v3-feature { position:relative; display:flex; min-height:278px; flex-direction:column; justify-content:space-between; overflow:hidden; padding:25px 28px; border-radius:var(--radius-lg); color:var(--player-ink); background:var(--player); box-shadow:var(--shadow-2); }
.home-v3-feature::after { position:absolute; right:-35px; bottom:-95px; width:260px; height:260px; border:1px solid #ffffff13; border-radius:50%; box-shadow:0 0 0 26px #ffffff08,0 0 0 52px #ffffff05; content:""; pointer-events:none; }
.home-v3-feature small { position:relative; z-index:1; color:var(--player-progress); font-size:11px; font-weight:750; letter-spacing:.14em; }
.home-v3-feature h2 { position:relative; z-index:1; max-width:450px; margin:24px 0 8px; color:#f3eabf; font:700 clamp(26px,3vw,37px)/1.2 var(--font-serif); }
.home-v3-feature p { position:relative; z-index:1; margin:0; color:#d8dfd9; }
.home-v3-feature-foot { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; margin-top:26px; padding-top:15px; border-top:1px solid #ffffff24; color:#d6e78c; font-size:12px; }
.home-v3-feature-foot a { color:inherit; text-decoration:none; }
.home-v3-progress { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px; align-items:center; margin:30px 0 64px; padding:18px 21px; border:1px solid var(--line); border-radius:var(--radius-md); background:var(--surface); box-shadow:var(--shadow-1); }
.home-v3-progress-count { display:grid; width:58px; height:58px; place-content:center; border-radius:50%; color:var(--accent-hover); background:var(--accent-soft); text-align:center; }
.home-v3-progress-count strong { font-size:20px; line-height:1.05; }
.home-v3-progress-count span { font-size:9px; }
.home-v3-progress-copy small { color:var(--ink-weak); font-size:11px; }
.home-v3-progress-copy h2 { margin:3px 0; font-size:17px; }
.home-v3-progress-copy p { margin:0; color:var(--ink-muted); font-size:12px; }
.home-v3-section { margin-top:52px; scroll-margin-top:88px; }
.home-v3-section-head { display:flex; justify-content:space-between; align-items:end; gap:18px; margin-bottom:16px; }
.home-v3-section-head h2 { margin:5px 0 0; font-size:25px; letter-spacing:-.035em; }
.home-v3-section-head p { margin:4px 0 0; color:var(--ink-muted); font-size:13px; }
.home-v3-section-head>a { color:var(--accent); font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
.home-v3-highlights { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.home-v3-card { display:flex; min-height:214px; flex-direction:column; padding:21px; border:1px solid var(--line); border-radius:var(--radius-md); color:var(--ink); background:var(--surface); box-shadow:var(--shadow-1); text-decoration:none; transition:transform var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast); }
.home-v3-card:hover { transform:translateY(-2px); border-color:var(--line-strong); box-shadow:var(--shadow-2); }
.home-v3-card .eyebrow { font-size:10px; }
.home-v3-card h3 { margin:10px 0 7px; font-size:18px; line-height:1.4; }
.home-v3-card p { flex:1; margin:0; color:var(--ink-muted); font-size:13px; }
.home-v3-card footer { display:flex; justify-content:space-between; gap:10px; margin-top:17px; color:var(--ink-weak); font-size:11px; }
.home-v3-card footer strong { color:var(--accent); }
.home-v3-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.home-v3-category { display:flex; min-height:130px; flex-direction:column; justify-content:space-between; padding:17px; border:1px solid var(--line); border-radius:var(--radius-md); color:var(--ink); background:var(--surface-soft); text-decoration:none; }
.home-v3-category:hover { border-color:var(--accent); background:var(--accent-soft); }
.home-v3-category strong { font-size:15px; }
.home-v3-category span { color:var(--ink-muted); font-size:12px; }
.home-v3-extra-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.home-v3-loading,.home-v3-empty { grid-column:1/-1; padding:22px; border:1px dashed var(--line-strong); border-radius:var(--radius-md); color:var(--ink-muted); background:var(--surface); }
@media(max-width:900px) { .home-v3-hero { grid-template-columns:1fr; gap:25px; } .home-v3-feature { min-height:240px; } .home-v3-highlights { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-v3-categories { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:900px) { .home-v3-extra-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:720px) { .home-v3 { padding:29px 16px 105px; } .home-v3-copy h1 { font-size:clamp(39px,11vw,54px); } .home-v3-copy>p { font-size:15px; } .home-v3-feature { min-height:220px; padding:22px; } .home-v3-progress { grid-template-columns:auto minmax(0,1fr); gap:12px; margin:20px 0 48px; padding:14px; } .home-v3-progress .button { grid-column:1/-1; } .home-v3-highlights { grid-template-columns:1fr; } .home-v3-card { min-height:174px; } .home-v3-section { margin-top:42px; } .home-v3-section-head { align-items:start; } }
@media(max-width:380px) { .home-v3 { padding-inline:12px; } .home-v3-copy h1 { font-size:37px; } .home-v3-actions { display:grid; grid-template-columns:1fr; } .home-v3-actions .button { width:100%; } .home-v3-categories,.home-v3-extra-grid { gap:8px; } .home-v3-category { padding:13px; } }