html,body{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{height:100%}html{scroll-behavior:smooth}button:focus,a:focus{outline:2px solid var(--accent-red);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #1e3a8a;--secondary-blue: #3b82f6;--accent-red: #dc2626;--light-red: #fef2f2;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--gray-900);background-color:var(--white)}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.navigation{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:1rem 0;box-shadow:var(--shadow-md);z-index:10}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand h2{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.nav-brand span{font-size:.875rem;opacity:.9;font-weight:400}.nav-links{display:flex;gap:1rem}.nav-link{background:none;border:none;color:var(--white);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-1px)}.nav-link.active{background-color:var(--accent-red);box-shadow:var(--shadow-sm)}.main-content{flex:1;overflow:hidden;background-color:var(--gray-50)}.page-container{height:100%;padding:2rem;max-width:1200px;margin:0 auto}.card{background:var(--white);border-radius:1rem;padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);transition:all .3s ease;overflow:visible}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}h1{font-size:2.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:1rem;line-height:1.2}h2{font-size:2rem;font-weight:700;color:var(--gray-800);margin-bottom:1rem}h3{font-size:1.5rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem}p{font-size:1rem;color:var(--gray-600);margin-bottom:1rem;line-height:1.7}.stat-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);padding:1.5rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow-md)}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.stat-label{font-size:.875rem;opacity:.9;font-weight:500}.grid{display:grid;gap:1.5rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.btn{background:var(--accent-red);color:var(--white);border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.nav-container{flex-direction:column;gap:1rem}.nav-links{flex-wrap:wrap;justify-content:center}.page-container{padding:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.links-grid{grid-template-columns:1fr;gap:1rem}.link-item{padding:1rem}.link-item h3{font-size:1rem}}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.medal-gold{color:#fbbf24;font-weight:700}.medal-silver{color:#9ca3af;font-weight:700}.medal-bronze{color:#d97706;font-weight:700}.home-page{display:flex;flex-direction:column;gap:2rem;height:100%;overflow:auto}.hero-section{margin-bottom:2rem}.hero-content{display:grid;grid-template-columns:1fr 300px;gap:2rem;align-items:center;max-width:1000px;margin:0 auto}.hero-text{text-align:left}.hero-subtitle{font-size:1.1rem;color:var(--gray-600);margin-bottom:1.5rem;line-height:1.6}.hero-achievements{display:flex;flex-direction:column;gap:.75rem}.hero-achievement{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:var(--gray-700);font-weight:500}.achievement-icon{font-size:1.2rem}.hero-image{text-align:center}.hero-image img{width:100%;max-width:280px;height:auto;border-radius:1rem;box-shadow:var(--shadow-lg);border:3px solid var(--white)}.image-caption{margin-top:.75rem;font-size:.875rem;color:var(--gray-600);font-style:italic}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:1.5rem;text-align:center}.hero-text{text-align:center}.hero-achievements{align-items:center}}.stats-section,.highlights-section{margin-bottom:2rem}.legacy-section{flex:1}.featured-testimonial{margin-top:2rem;padding:1.5rem;background:var(--light-red);border-radius:.75rem;border-left:4px solid var(--accent-red)}.featured-testimonial .testimonial-quote{font-style:italic;color:var(--gray-700);line-height:1.6;margin-bottom:1rem;font-size:1rem}.featured-testimonial .testimonial-author{font-size:.9rem;color:var(--gray-600);text-align:right}.achievements-page{display:flex;flex-direction:column;gap:2rem;height:100%;overflow:visible}.page-header{text-align:center;margin-bottom:1rem}.comprehensive-stats{margin-bottom:2rem}.stat-breakdown{font-size:.875rem;margin-top:.5rem}.impact-section{margin-bottom:2rem}.impact-grid{display:grid;gap:1rem}.impact-item{padding:.75rem;background:var(--gray-50);border-radius:.5rem;border-left:4px solid var(--accent-red)}.criteria-list{display:grid;gap:.75rem}.criterion{padding:.5rem 0;border-bottom:1px solid var(--gray-200)}.timeline-section{margin-bottom:2rem;overflow:visible}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;overflow:visible}.timeline-year{padding:1rem;background:var(--gray-50);border-radius:.5rem;border-left:4px solid var(--primary-blue);transition:all .3s ease;position:relative;z-index:0;overflow:visible}.timeline-year:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-left-width:6px}.year-label{font-weight:700;color:var(--primary-blue);margin-bottom:.5rem;font-size:1.1rem}.year-context{font-size:.75rem;color:var(--gray-600);font-style:italic;margin-bottom:.75rem;padding:.25rem .5rem;background:var(--light-red);border-radius:.25rem;border-left:3px solid var(--accent-red)}.year-context.special{font-size:.875rem;font-weight:600;color:var(--primary-blue);background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;box-shadow:var(--shadow-sm)}.year-medals{display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:0;overflow:visible}.medal-tooltip-container{position:relative;z-index:1}.medal-badge{font-size:.875rem;padding:.25rem .5rem;border-radius:.25rem;background:var(--white);display:inline-block;margin:.125rem;cursor:help;transition:all .2s ease;border:1px solid var(--gray-200)}.medal-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.medal-fencer{font-size:.75rem;color:var(--gray-600);font-weight:500;margin-left:.25rem}.medal-badge{cursor:pointer;-webkit-user-select:none;user-select:none}.medal-badge:hover{transform:scale(1.05);box-shadow:var(--shadow-sm);background-color:var(--gray-100)}.medal-badge.expanded{background-color:var(--primary-blue);color:var(--white);transform:scale(1.02);box-shadow:var(--shadow-lg);z-index:10;position:relative}.medal-description{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out,margin .3s ease-out;background-color:var(--gray-50);border-radius:.25rem;margin-top:0;padding:0}.medal-description.expanded{max-height:200px;padding:.75rem;margin-top:.5rem;border:1px solid var(--gray-200)}.medal-description-text{color:var(--gray-800);font-size:.875rem;line-height:1.5;margin:0}.awards-section{margin-bottom:2rem}.awards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:1rem}.award-item{padding:1rem;background:var(--gray-50);border-radius:.5rem;border-left:4px solid var(--accent-red)}.award-year{font-weight:700;color:var(--accent-red);margin-bottom:.5rem}.award-name{font-size:.875rem}.contributions-section{margin-bottom:2rem}.contributions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.contribution-item{padding:1.5rem;background:var(--gray-50);border-radius:.75rem;border-left:4px solid var(--secondary-blue)}.contribution-item h4{color:var(--primary-blue);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.contribution-item ul{list-style:none;padding:0;margin:0}.contribution-item li{padding:.5rem 0;border-bottom:1px solid var(--gray-200);font-size:.9rem;color:var(--gray-700);line-height:1.5}.contribution-item li:last-child{border-bottom:none}.contribution-item li:before{content:"•";color:var(--accent-red);font-weight:700;margin-right:.5rem}.competitive-achievements-section{margin-bottom:2rem}.competitive-achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.competitive-category{padding:1.5rem;background:var(--gray-50);border-radius:.75rem;border-left:4px solid var(--accent-red)}.competitive-category h4{color:var(--primary-blue);margin-bottom:1rem;font-size:1.1rem;font-weight:600}.competitive-category ul{list-style:none;padding:0;margin:0}.competitive-category li{padding:.5rem 0;border-bottom:1px solid var(--gray-200);font-size:.9rem;color:var(--gray-700);line-height:1.5}.competitive-category li:last-child{border-bottom:none}.competitive-category li:before{content:"🏅";margin-right:.5rem;font-size:.8rem}.competitive-testimonials{margin-bottom:2rem}.competitive-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:1.5rem}.competitive-testimonial-card{background:var(--gray-50);border-radius:1rem;padding:1.5rem;border-left:4px solid var(--secondary-blue);transition:all .3s ease}.competitive-testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.competitive-quote{font-style:italic;color:var(--gray-700);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.competitive-author{border-top:1px solid var(--gray-200);padding-top:1rem}.competitive-author .author-name{font-weight:700;color:var(--secondary-blue);margin-bottom:.25rem}.competitive-author .author-title{font-size:.875rem;color:var(--gray-600);font-weight:500}.certificate-section{margin-bottom:2rem}.certificate-card{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:var(--white);border:none}.certificate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.certificate-header h2{color:var(--white);margin:0}.certificate-badge{background:var(--primary-blue);color:var(--white);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.certificate-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.certificate-info h3{color:var(--white);margin-bottom:1rem}.certificate-info p{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.certificate-details{display:grid;gap:.75rem}.certificate-detail{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-icon{font-size:1.2rem}.certificate-image{text-align:center}.certificate-image img{width:100%;max-width:300px;height:auto;border-radius:.75rem;box-shadow:var(--shadow-lg);border:3px solid var(--white)}.certificate-caption{margin-top:.75rem;font-size:.875rem;color:#fffc;font-style:italic}@media (max-width: 768px){.certificate-content{grid-template-columns:1fr;gap:1.5rem}.certificate-header{flex-direction:column;gap:1rem;text-align:center}}.hof-student-section{margin-bottom:2rem}.hof-student-card{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--secondary-blue) 100%);color:var(--white);border:none}.hof-student-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.hof-student-header h2{color:var(--white);margin:0}.hof-badge{background:var(--accent-red);color:var(--white);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.hof-student-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.hof-student-info h3{color:var(--white);margin-bottom:1rem}.hof-student-info p{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.hof-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.hof-achievement-item{text-align:center;padding:1rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hof-achievement-item .achievement-number{display:block;font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.25rem}.hof-achievement-item .achievement-label{font-size:.75rem;color:#fffc;font-weight:500}.hof-testimonial{background:#ffffff1a;padding:1.5rem;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hof-quote{font-style:italic;color:var(--white);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.hof-author{font-size:.875rem;color:#fffc;font-weight:600;text-align:right}@media (max-width: 768px){.hof-student-content{grid-template-columns:1fr;gap:1.5rem}.hof-achievements{grid-template-columns:1fr}.hof-student-header{flex-direction:column;gap:1rem;text-align:center}}.consecutive-champion-section{margin-bottom:2rem}.consecutive-champion-card{background:linear-gradient(135deg,var(--accent-red) 0%,#b91c1c 100%);color:var(--white);border:none}.consecutive-champion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.consecutive-champion-header h2{color:var(--white);margin:0}.consecutive-badge{background:var(--primary-blue);color:var(--white);padding:.5rem 1rem;border-radius:2rem;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.consecutive-champion-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start}.consecutive-champion-info h3{color:var(--white);margin-bottom:1rem}.consecutive-champion-info p{color:#ffffffe6;margin-bottom:1.5rem;line-height:1.6}.consecutive-achievements{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.consecutive-achievement-item{text-align:center;padding:1rem;background:#ffffff1a;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.consecutive-achievement-item .achievement-number{display:block;font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:.25rem}.consecutive-achievement-item .achievement-label{font-size:.75rem;color:#fffc;font-weight:500}.consecutive-testimonial{background:#ffffff1a;padding:1.5rem;border-radius:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.consecutive-quote{font-style:italic;color:var(--white);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.consecutive-author{font-size:.875rem;color:#fffc;font-weight:600;text-align:right}@media (max-width: 768px){.consecutive-champion-content{grid-template-columns:1fr;gap:1.5rem}.consecutive-achievements{grid-template-columns:1fr}.consecutive-champion-header{flex-direction:column;gap:1rem;text-align:center}}.coaching-page{display:flex;flex-direction:column;gap:2rem;height:100%;overflow:auto}.philosophy-section{margin-bottom:2rem}.philosophy-card{padding:1.5rem;background:var(--gray-50);border-radius:.75rem;text-align:center;border:1px solid var(--gray-200)}.philosophy-icon{font-size:2rem;margin-bottom:1rem}.student-achievements{margin-bottom:2rem}.achievement-card{text-align:center}.achievement-stat{font-size:1.25rem;font-weight:700;color:var(--primary-blue);margin:1rem 0}.testimonials-section{margin-bottom:2rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.testimonial-card{background:var(--gray-50);border-radius:1rem;padding:1.5rem;border-left:4px solid var(--accent-red);position:relative;transition:all .3s ease}.testimonial-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.testimonial-highlight{position:absolute;top:-10px;right:1rem;background:var(--accent-red);color:var(--white);padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.testimonial-quote{font-style:italic;color:var(--gray-700);line-height:1.6;margin-bottom:1rem;font-size:.95rem}.testimonial-achievements{background:var(--light-red);padding:.75rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;color:var(--gray-700);border-left:3px solid var(--accent-red)}.testimonial-author{border-top:1px solid var(--gray-200);padding-top:1rem}.author-name{font-weight:700;color:var(--primary-blue);margin-bottom:.25rem}.author-title{font-size:.875rem;color:var(--gray-600);font-weight:500}.leadership-section{margin-bottom:2rem}.leadership-grid{display:grid;gap:1rem;margin-top:1rem}.leadership-item{padding:1rem;background:var(--gray-50);border-radius:.5rem;border-left:4px solid var(--secondary-blue)}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.role-period{font-size:.875rem;color:var(--accent-red);font-weight:600}.legacy-statement{flex:1}.legacy-quote{margin-top:1.5rem;padding:1rem;background:var(--light-red);border-radius:.5rem;border-left:4px solid var(--accent-red);font-style:italic}.contact-page{display:flex;flex-direction:column;gap:2rem;height:100%;overflow:auto}.contact-section{margin-bottom:2rem}.contact-card{display:flex;flex-direction:column;justify-content:space-between}.contact-details{margin-top:1.5rem}.contact-item{padding:.75rem 0;border-bottom:1px solid var(--gray-200)}.contact-item:last-child{border-bottom:none}.recognition-card{display:flex;flex-direction:column;justify-content:space-between}.achievement-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem}.achievement-item{text-align:center;padding:1rem;background:var(--gray-50);border-radius:.5rem}.achievement-number{display:block;font-size:1.5rem;font-weight:800;color:var(--primary-blue);margin-bottom:.25rem}.achievement-label{font-size:.875rem;color:var(--gray-600)}.professional-links{margin-bottom:2rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.link-item{padding:1.5rem;background:var(--gray-50);border-radius:.75rem;border:1px solid var(--gray-200);transition:all .3s ease}.link-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--secondary-blue)}.link-item h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin-bottom:.75rem}.link-item a{color:var(--secondary-blue);text-decoration:none;font-weight:500;transition:color .2s ease}.link-item a:hover{color:var(--primary-blue);text-decoration:underline}.professional-statement{margin-bottom:2rem}.footer-note{margin-top:auto}.news-page{max-width:1200px;margin:0 auto;padding:2rem}.news-header{text-align:center;margin-bottom:1.5rem}.news-header h1{font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.news-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.featured-article{background:#ffffff1a;border-radius:20px;padding:2rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #0000001a}.featured-content{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start}.featured-image{position:relative;height:300px;border-radius:15px;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:15px}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;border-radius:15px}.featured-text{display:flex;flex-direction:column;gap:1rem}.article-meta{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}.category{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600}.date{color:#666;font-size:.9rem}.featured-text h2{font-size:1.8rem;color:#333;margin:0;line-height:1.3}.source{color:#667eea;font-weight:600;font-size:.9rem;margin:0}.excerpt{color:#555;line-height:1.6;margin:0}.full-text{color:#666;line-height:1.6;margin:0;font-size:.95rem}.category-filter{margin-bottom:1.5rem}.filter-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-btn{background:#ffffff1a;border:1px solid rgba(102,126,234,.3);color:#667eea;padding:.5rem 1rem;border-radius:25px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.filter-btn:hover{background:#667eea1a;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.news-content-layout{display:grid;grid-template-columns:350px 1fr;gap:2rem;margin-bottom:1.5rem;min-height:450px;max-height:60vh}.news-sidebar{background:#ffffff1a;border-radius:15px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.news-sidebar::-webkit-scrollbar{width:8px}.news-sidebar::-webkit-scrollbar-track{background:transparent}.news-sidebar::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.news-sidebar::-webkit-scrollbar-thumb:hover{background:#667eea80}.news-sidebar h3{color:#333;margin-bottom:1.5rem;font-size:1.3rem;text-align:center}.sidebar-news{display:flex;flex-direction:column;gap:1rem}.sidebar-news-item{display:flex;gap:.75rem;padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;background:#ffffff0d;border:1px solid transparent}.sidebar-news-item:hover{background:#ffffff1a;transform:translate(5px)}.sidebar-news-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#ffffff4d}.sidebar-news-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.sidebar-news-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.sidebar-news-content{flex:1;min-width:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.sidebar-category{font-size:.7rem;font-weight:600;opacity:.8}.featured-badge{font-size:.6rem;font-weight:600;color:gold;background:#ffd7001a;padding:.1rem .3rem;border-radius:8px;border:1px solid rgba(255,215,0,.3)}.sidebar-news-item.active .sidebar-category{color:#ffffffe6}.sidebar-news-item.active .featured-badge{color:gold;background:#ffd70033;border-color:#ffd70080}.sidebar-news-content h4{font-size:.9rem;margin:0 0 .25rem;line-height:1.3;color:inherit}.sidebar-date{font-size:.75rem;opacity:.7}.main-news-content{background:#ffffff1a;border-radius:15px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);min-height:600px;max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(102,126,234,.3) transparent}.main-news-content::-webkit-scrollbar{width:8px}.main-news-content::-webkit-scrollbar-track{background:transparent}.main-news-content::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:4px}.main-news-content::-webkit-scrollbar-thumb:hover{background:#667eea80}.news-detail{display:flex;flex-direction:column;gap:1.5rem}.news-header{text-align:center;margin-bottom:1rem}.news-header h2{font-size:1.8rem;color:#333;margin:.5rem 0;line-height:1.3}.news-image{width:100%;height:300px;border-radius:15px;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.news-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.gallery-image{border-radius:15px;overflow:hidden;aspect-ratio:4/3}.gallery-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.news-body{display:flex;flex-direction:column;gap:1.5rem;line-height:1.7}.news-body p{margin:0;text-align:justify}.no-news-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center;color:#666}.no-news-icon{font-size:4rem;margin-bottom:1rem}.no-news-selected h3{color:#333;margin-bottom:.5rem}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.news-card{background:#ffffff1a;border-radius:15px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-shadow:0 10px 30px #0000001a}.card-image{height:200px;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.card-content{padding:1.5rem}.card-content h3{font-size:1.2rem;color:#333;margin:0 0 .5rem;line-height:1.4}.read-more{display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:600;font-size:.9rem;margin-top:1rem;cursor:pointer;transition:all .3s ease}.read-more:hover{color:#764ba2;transform:translate(5px)}.media-highlights{background:#ffffff0d;border-radius:20px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);margin-bottom:1rem}.media-highlights h2{text-align:center;color:#333;margin-bottom:1rem;font-size:1.3rem}.highlights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.highlight-item{text-align:center;padding:.75rem;background:#ffffff1a;border-radius:15px;transition:all .3s ease}.highlight-item:hover{transform:translateY(-5px);background:#ffffff26}.highlight-icon{font-size:1.75rem;margin-bottom:.5rem}.highlight-item h4{color:#333;margin-bottom:.25rem;font-size:.9rem}.highlight-item p{color:#666;font-size:.75rem;margin:0}@media (max-width: 768px){.news-page{padding:1rem}.news-header h1{font-size:2rem;margin-bottom:.25rem}.news-header p{font-size:1rem;max-width:100%}.category-filter{margin:1rem 0}.filter-buttons{gap:.25rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.3rem .6rem;font-size:.75rem;min-width:auto}.news-content-layout{grid-template-columns:1fr;gap:1rem}.news-sidebar{order:2;height:250px;padding:1rem}.news-sidebar h3{font-size:1.1rem;margin-bottom:1rem}.main-news-content{order:1;padding:1.5rem;min-height:400px;max-height:none}.sidebar-news-item{padding:.5rem;gap:.5rem}.sidebar-news-image{width:45px;height:45px}.sidebar-news-content h4{font-size:.75rem;line-height:1.2}.sidebar-date{font-size:.65rem}.sidebar-category{font-size:.6rem}.featured-badge{font-size:.5rem;padding:.05rem .2rem}.news-header h2{font-size:1.4rem;line-height:1.3}.news-image{height:180px}.news-gallery{grid-template-columns:1fr;gap:.75rem}.gallery-image{aspect-ratio:16/9}.news-body p{font-size:.9rem;line-height:1.6}.news-meta{flex-direction:column;align-items:flex-start;gap:.25rem}.category,.date{font-size:.75rem}}@media (max-width: 480px){.news-page{padding:.5rem}.news-header h1{font-size:1.8rem}.news-header p{font-size:.9rem}.filter-buttons{gap:.2rem}.filter-btn{padding:.25rem .5rem;font-size:.7rem}.news-sidebar{height:200px;padding:.75rem}.main-news-content{padding:1rem;min-height:350px}.sidebar-news-item{padding:.4rem}.sidebar-news-image{width:40px;height:40px}.sidebar-news-content h4{font-size:.7rem}.news-header h2{font-size:1.2rem}.news-image{height:150px}.news-body p{font-size:.85rem}}