.page-hero{position:relative;padding:140px 0 80px;background:linear-gradient(135deg,var(--dark) 0%,var(--secondary) 100%);overflow:hidden}.page-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="40" fill="none" stroke="rgba(93,122,61,0.1)" stroke-width="0.5"/><circle cx="50" cy="50" r="25" fill="none" stroke="rgba(93,122,61,0.1)" stroke-width="0.5"/></svg>');background-size:200px 200px;opacity:0.5}.hero-decoration{position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);width:600px;height:200px;background:radial-gradient(ellipse,rgba(93,122,61,0.15) 0%,transparent 70%);border-radius:50%}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:0.9rem}.breadcrumb a{color:var(--primary-light);transition:var(--transition)}.breadcrumb a:hover{color:var(--light)}.breadcrumb .separator{color:var(--gray)}.breadcrumb .current{color:var(--light)}.page-title{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;color:var(--light);margin-bottom:12px;letter-spacing:-0.5px}.page-subtitle{font-size:1.2rem;color:rgba(255,255,255,0.75)}.history{padding:80px 0;background:var(--light)}.history-content{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}.history-card{display:flex;gap:24px;padding:28px;background:var(--light-gray);border-radius:var(--radius-lg);border-left:4px solid var(--primary);transition:var(--transition)}.history-card:hover{transform:translateX(8px);box-shadow:var(--shadow-md)}.year-badge{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--light)}.history-text h3{font-size:1.2rem;font-weight:700;color:var(--dark);margin-bottom:8px}.history-text p{color:var(--gray);line-height:1.7}.history-highlight{display:flex;align-items:center;gap:24px;padding:32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);margin-top:16px}.highlight-icon{flex-shrink:0;width:64px;height:64px;background:rgba(255,255,255,0.2);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.highlight-icon svg{width:32px;height:32px;color:var(--light)}.highlight-content h3{font-size:1.2rem;font-weight:700;color:var(--light);margin-bottom:6px}.highlight-content p{color:rgba(255,255,255,0.85)}.mission-vision{padding:80px 0;background:var(--light-gray)}.mv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.mv-card{position:relative;padding:40px;background:var(--light);border-radius:var(--radius-xl);box-shadow:var(--shadow);overflow:hidden}.mv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary),var(--primary-light))}.mv-card.mission::before{background:linear-gradient(90deg,var(--primary),var(--primary-light))}.mv-card.vision::before{background:linear-gradient(90deg,var(--secondary),var(--secondary-light))}.mv-icon{width:60px;height:60px;background:var(--primary-soft);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.mv-card.vision .mv-icon{background:rgba(51,65,85,0.1)}.mv-icon svg{width:30px;height:30px;color:var(--primary)}.mv-card.vision .mv-icon svg{color:var(--secondary)}.mv-title{font-size:1.5rem;font-weight:800;color:var(--dark);margin-bottom:16px}.mv-card p{color:var(--gray);line-height:1.8;font-size:1rem}.resources{padding:80px 0;background:var(--light)}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.resource-card{padding:36px;background:var(--light-gray);border-radius:var(--radius-lg);transition:var(--transition);border:1px solid var(--gray-light)}.resource-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.resource-icon{width:56px;height:56px;background:var(--primary);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.resource-icon svg{width:28px;height:28px;color:var(--light)}.resource-card h3{font-size:1.15rem;font-weight:700;color:var(--dark);margin-bottom:12px}.resource-card p{color:var(--gray);line-height:1.6;margin-bottom:20px}.resource-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-family:var(--font-heading);font-weight:600;transition:var(--transition)}.resource-link svg{width:18px;height:18px;transition:var(--transition)}.resource-link:hover{gap:12px;color:var(--primary-dark)}.notices{padding:80px 0;background:var(--secondary)}.notices .section-title,.notices .section-tag{color:var(--light)}.notices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.notice-card{padding:32px;background:rgba(255,255,255,0.05);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.1);transition:var(--transition)}.notice-card:hover{background:rgba(255,255,255,0.08);border-color:var(--primary);transform:translateY(-4px)}.notice-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.notice-header svg{width:28px;height:28px}.notice-card.red .notice-header svg{color:#ef4444}.notice-card.yellow .notice-header svg{color:#f59e0b}.notice-card.special .notice-header svg{color:var(--primary-light)}.notices .notice-card h3,.notice-header h3{font-size:1.1rem;font-weight:700;color:#ffffff;margin-bottom:12px}.notice-card p{color:#e2e8f0;font-size:0.95rem;line-height:1.6;margin-bottom:20px}.notice-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary-light);font-weight:600;font-size:0.9rem;transition:var(--transition)}.notice-link svg{width:16px;height:16px;transition:var(--transition)}.notice-link:hover{gap:12px}.gallery{padding:80px 0;background:var(--light)}.gallery-wrapper{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.gallery-wrapper img{width:100%;height:400px;object-fit:cover}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,0.9) 0%,rgba(15,23,42,0.3) 50%,transparent 100%);display:flex;align-items:flex-end;padding:40px}.gallery-content h3{font-size:2rem;font-weight:800;color:var(--light);margin-bottom:8px}.gallery-content p{font-size:1.1rem;color:rgba(255,255,255,0.8)}@media (max-width:1024px){.mv-grid,.resources-grid,.notices-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-hero{padding:120px 0 60px}.history-card{flex-direction:column;text-align:center}.year-badge{width:100%;height:auto;padding:16px}.history-highlight{flex-direction:column;text-align:center}.gallery-wrapper img{height:300px}.gallery-content h3{font-size:1.5rem}.gallery-overlay{padding:24px}}@media (max-width:480px){.page-title{font-size:2rem}.history,.mission-vision,.resources,.notices,.gallery{padding:60px 0}.mv-card,.resource-card,.notice-card{padding:24px}.gallery-wrapper img{height:250px}}