@import url("https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap");
.page-hero { position: relative; padding: 48px 24px 40px; text-align: center; overflow: hidden; }

.page-hero::before { pointer-events: none; position: absolute; z-index: 0; top: -80px; left: 50%; width: 600px; height: 350px; background: radial-gradient(ellipse at center, rgba(59, 191, 101, 0.06) 0%, transparent 70%); content: ""; transform: translateX(-50%); }

.page-hero-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }

.page-hero-label { display: block; color: rgba(85, 85, 85, 0.1); letter-spacing: 0.1em; line-height: 1; font-family: "Lora", serif; font-size: clamp(3rem, 7vw, 5rem); font-style: italic; font-weight: 700; user-select: none; }

.page-hero-title { margin: -1.2rem 0 0; color: #1a1a2e; font-family: "Lora", serif; font-size: clamp(1.3rem, 3vw, 1.8rem); font-weight: 600; }

.page-hero-line { width: 50px; height: 3px; margin: 0.8rem auto 0; background: linear-gradient(90deg, #3bbf65, #5bddaa); border-radius: 2px; }

.page-hero-subtitle { margin: 1rem 0 0; color: #888; line-height: 1.8; font-size: 0.9rem; }

.page-hero-subtitle a { color: #3bbf65; text-decoration: none; font-weight: 500; transition: color 0.2s ease; }

.page-hero-subtitle a:hover { color: #2f9850; text-decoration: underline; }

.page-hero-search { max-width: 400px; margin: 1rem auto 0; }

@media (max-width: 768px) { .page-hero { padding: 36px 16px 32px; } }