*{box-sizing:border-box;margin:0;padding:0}body{color:#1e293b;background:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 2.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px #00000014}.navbar-right{align-items:center;gap:1rem;display:flex}.navbar-right-logo{align-items:center;display:flex}.navbar-logo{background:linear-gradient(135deg,#c8102e,#3b82f6);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.9rem;font-size:1.4rem;font-weight:800;display:flex}.navbar-links{gap:2rem;list-style:none;display:flex}.navbar-links a{color:#475569;padding-bottom:4px;font-size:.9rem;font-weight:500;transition:color .2s;position:relative}.navbar-links a:after{content:"";background:#c8102e;border-radius:2px;width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.navbar-links a:hover,.navbar-links a.active{color:#c8102e}.navbar-links a:hover:after,.navbar-links a.active:after{width:100%}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;justify-content:center;gap:5px;width:32px;height:32px;padding:0;display:none}.navbar-toggle span{background:#1e293b;border-radius:2px;width:100%;height:2px;transition:transform .2s,opacity .2s;display:block}.navbar-toggle.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.btn{cursor:pointer;border:none;border-radius:6px;padding:.65rem 1.75rem;font-size:.9rem;font-weight:600;transition:opacity .2s,transform .15s;display:inline-block}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn-primary{color:#fff;background:#c8102e}.btn-blue{color:#fff;background:#3b82f6}.btn-outline{color:#c8102e;background:0 0;border:2px solid #c8102e;margin-left:.75rem}.page-header{color:#fff;text-align:center;background:linear-gradient(135deg,#7a0000 0%,#1e3a5f 100%);padding:4rem 2rem}.page-header h1{margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.page-header p{color:#94a3b8;max-width:500px;margin:0 auto}.section{max-width:1200px;margin:0 auto;padding:4rem 2.5rem}.section-label{letter-spacing:2px;text-transform:uppercase;color:#c8102e;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.section-title{color:#1e293b;margin-bottom:.4rem;font-size:2rem;font-weight:800}.section-subtitle{color:#64748b;margin-bottom:2rem}.divider{background:linear-gradient(90deg,#c8102e,#3b82f6);border-radius:2px;width:48px;height:4px;margin-bottom:2rem}.card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:transform .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 2px 12px #00000012}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001c}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.card-img{color:#94a3b8;background:#e2e8f0;justify-content:center;align-items:center;height:180px;font-size:.8rem;display:flex}.card-body{padding:1.25rem}.card-tag{letter-spacing:.5px;text-transform:uppercase;color:#c8102e;background:#fef2f2;border-radius:20px;margin-bottom:.5rem;padding:2px 10px;font-size:.7rem;font-weight:700;display:inline-block}.card-title{color:#1e293b;margin-bottom:.45rem;font-size:1rem;font-weight:700;line-height:1.4}.card-text{color:#64748b;font-size:.875rem;line-height:1.6}.card-meta{color:#94a3b8;margin-top:.75rem;font-size:.78rem}.article-card-img img{object-fit:cover;width:100%;height:100%;display:block}.article-featured{background:#fff;border:1px solid #f1f5f9;border-radius:16px;grid-template-columns:1.15fr 1fr;transition:transform .2s,box-shadow .2s;display:grid;overflow:hidden;box-shadow:0 4px 20px #00000014}.article-featured:hover{transform:translateY(-4px);box-shadow:0 10px 28px #0000001f}.article-featured-img{background:#e2e8f0;min-height:260px}.article-featured-img img{object-fit:cover;width:100%;height:100%;display:block}.article-featured-body{flex-direction:column;justify-content:center;padding:2rem;display:flex}.article-featured-body h2{color:#1e293b;margin:.4rem 0 .75rem;font-size:1.5rem;font-weight:800;line-height:1.35}.article-featured-body p{color:#64748b;font-size:.95rem;line-height:1.6}.article-back-link{color:#3b82f6;font-size:.85rem;font-weight:600;display:inline-block}.article-detail-img{border-radius:14px;max-height:420px;overflow:hidden}.article-detail-img img{object-fit:cover;width:100%;height:100%;max-height:420px;display:block}.card[role=button]{cursor:pointer}.modal-backdrop{z-index:200;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.18s ease-out modalFade;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:100%;max-width:820px;max-height:calc(100vh - 3rem);animation:.22s ease-out modalRise;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000059}.modal-body{padding:1.5rem 2rem 2rem}.modal-close{z-index:2;color:#fff;cursor:pointer;background:#0f172ab3;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.6rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{background:#c8102e}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html{scroll-padding-top:84px}.navbar-search{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:color .2s,border-color .2s,background .2s;display:flex}.navbar-search:hover{color:#c8102e;background:#fef2f2;border-color:#fecaca}.modal-backdrop.top{align-items:flex-start;padding-top:9vh}.search-modal{flex-direction:column;max-width:720px;max-height:78vh;display:flex;overflow:hidden}.search-input-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.search-input-row input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:1.05rem}.search-esc{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700}.search-results{flex:1;padding:.5rem .5rem .75rem;overflow-y:auto}.search-empty{color:#64748b;padding:1.5rem 1rem;font-size:.92rem}.search-suggestions{flex-wrap:wrap;gap:.5rem;margin-top:.9rem;display:flex}.search-suggestions button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:.35rem .85rem;font-size:.8rem;font-weight:600}.search-suggestions button:hover{color:#c8102e;border-color:#c8102e}.search-group-title{letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8;padding:.75rem .75rem .35rem;font-size:.7rem;font-weight:800}.search-group-title span{color:#c8102e;margin-left:.25rem}.search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:flex-start;gap:.85rem;width:100%;padding:.6rem .75rem;font-family:inherit;display:flex}.search-result.active{background:#f1f5f9}.search-thumb{object-fit:cover;background:#e2e8f0;border-radius:8px;flex-shrink:0;width:48px;height:48px}.search-thumb-blank{color:#94a3b8;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex}.search-result-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.search-result-title{color:#1e293b;font-size:.92rem;font-weight:700;line-height:1.4}.search-result-sub{color:#94a3b8;font-size:.76rem}.search-result-snippet{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.search-more{color:#94a3b8;padding:.25rem .75rem .5rem;font-size:.75rem}.search-footer{color:#94a3b8;border-top:1px solid #f1f5f9;gap:1.25rem;padding:.6rem 1.25rem;font-size:.72rem;display:flex}mark{color:inherit;background:#fde68a;border-radius:2px;padding:0 1px}.wide-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.wide-card-img{height:280px}.view-more-card{cursor:pointer;background:linear-gradient(135deg,#c8102e,#3b82f6);justify-content:center;align-items:center;min-height:140px;display:flex}.view-more-card .card-body{text-align:center;flex-direction:column;align-items:center;display:flex}.view-more-arrow{color:#fff;margin-bottom:.4rem;font-size:1.75rem;transition:transform .2s}.view-more-card:hover .view-more-arrow{transform:translate(4px)}.hero-section{background:#f8fafc;min-height:480px}.hero-slider{background:#1e293b;position:relative;overflow:hidden}.hero-slide{opacity:0;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;padding:2.5rem;transition:opacity .7s;display:flex;position:absolute;inset:0}.hero-slide.active{opacity:1;min-height:480px;position:relative}.hero-slide-overlay{background:linear-gradient(#0000 0%,#0003 40%,#000000bf 100%);position:absolute;inset:0}.hero-slide-content{z-index:2;color:#fff;position:relative}.hero-slide-tag{text-transform:uppercase;letter-spacing:1px;color:#fff;background:#c8102e;border-radius:20px;margin-bottom:.6rem;padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.hero-slide-content h2{margin-bottom:.5rem;font-size:1.4rem;font-weight:700;line-height:1.35}.hero-slide-content p{color:#ffffffbf;margin-bottom:1rem;font-size:.82rem;line-height:1.5}.hero-read-more{color:#fff;border:1px solid #ffffff80;border-radius:4px;padding:5px 14px;font-size:.8rem;font-weight:600;transition:background .2s;display:inline-block}.hero-read-more:hover{background:#ffffff26}.slider-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:1rem;right:1rem}.slider-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:7px;height:7px;transition:background .2s}.slider-dot.active{background:#c8102e}.stats-strip{background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:2.5rem}.stats-grid{grid-template-columns:repeat(5,1fr);gap:1rem;max-width:1000px;margin:0 auto;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:1.25rem 1rem;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 15px #00000012}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3b82f61a}.stat-number{color:#237abc;margin-bottom:.4rem;font-size:2.4rem;font-weight:800;line-height:1}.stat-label{color:#00477d;margin-bottom:.2rem;font-size:.78rem;font-weight:700;line-height:1.3}.stat-desc{color:#3d94d7;font-size:.68rem;line-height:1.3}.about-home{grid-template-columns:3fr 2fr;align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2.5rem;display:grid}.about-home-text h2{color:#1e293b;margin-bottom:1rem;font-size:1.7rem;font-weight:800;line-height:1.35}.about-home-text p{color:#475569;margin-bottom:.9rem;font-size:.92rem;line-height:1.8}.neural-placeholder{color:#c8102e;background:linear-gradient(135deg,#fff5f5,#eff6ff);border:1px solid #fecaca;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:350px;font-size:.85rem;font-weight:600;display:flex;position:relative;overflow:hidden}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;display:grid}.about-img{background:linear-gradient(135deg,#fff5f5,#eff6ff);border:1px solid #fecaca;border-radius:12px;height:360px}.about-text h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.about-text p{color:#64748b;margin-bottom:1rem;line-height:1.8}.team-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;display:grid}.team-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:1.5rem;box-shadow:0 2px 10px #0000000f}.team-avatar{background:linear-gradient(135deg,#fecaca,#fef2f2);border-radius:50%;width:96px;height:96px;margin:0 auto 1rem;overflow:hidden}.team-avatar img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.team-card h4{margin-bottom:.25rem;font-size:.95rem;font-weight:700}.team-card p{color:#64748b;font-size:.82rem}.event-list{flex-direction:column;gap:1rem;display:flex}.event-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:flex-start;gap:1.25rem;padding:1.25rem 1.5rem;transition:transform .2s;display:flex;box-shadow:0 2px 10px #0000000f}.event-item:hover{transform:translate(4px)}.event-date{text-align:center;color:#fff;background:#7a0000;border-radius:8px;min-width:58px;padding:.5rem}.event-date .day{font-size:1.4rem;font-weight:800;display:block}.event-date .month{text-transform:uppercase;letter-spacing:1px;font-size:.65rem}.event-info h4{margin-bottom:.25rem;font-size:.95rem;font-weight:700}.event-info p{color:#64748b;font-size:.85rem}.event-tag{border-radius:20px;margin-bottom:.4rem;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.tag-online{color:#16a34a;background:#dcfce7}.tag-offline{color:#d97706;background:#fef3c7}.footer{color:#64748b;text-align:center;background:#0f172a;margin-top:0;padding:2rem;font-size:.85rem}.footer span{color:#c8102e}.text-center{text-align:center}.bg-light{background:#f8fafc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.about-grid,.about-home{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.vision-mission-grid{grid-template-columns:1fr!important}.article-featured{grid-template-columns:1fr}.article-featured-img{min-height:200px}.wide-grid{grid-template-columns:1fr}.modal-backdrop{padding:.75rem}.modal-backdrop.top{padding-top:.75rem}.search-modal{max-height:calc(100vh - 1.5rem)}.search-footer{display:none}.modal{max-height:calc(100vh - 1.5rem)}.modal-body{padding:1.25rem 1.25rem 1.5rem}.wide-card-img{height:220px}.navbar{padding:0 1.25rem}.navbar-toggle{display:flex}.navbar-links{background:#fff;flex-direction:column;gap:0;width:100%;padding:.5rem 0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #0000001a}.navbar-links.open{display:flex}.navbar-links li{width:100%}.navbar-links a{padding:.85rem 1.5rem;display:block}.navbar-links a:after{display:none}}.admin-shell{min-height:100vh;display:flex}.admin-sidebar{color:#fff;background:#1e293b;flex-direction:column;width:220px;padding:1rem;display:flex}.admin-sidebar nav{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.admin-sidebar nav a{color:#fff}.admin-sidebar-footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.admin-content{flex:1;padding:2rem}.admin-login{justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-login-form{flex-direction:column;gap:.75rem;width:320px;display:flex}.admin-login-form label{flex-direction:column;gap:.25rem;display:flex}.admin-error{color:#c8102e}.admin-dashboard-grid{flex-wrap:wrap;gap:1rem;list-style:none;display:flex}.admin-loading{padding:2rem}.admin-list-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-button{color:#fff;background:#3b82f6;border-radius:6px;padding:.5rem 1rem}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:.5rem}.admin-table-actions{gap:.75rem;display:flex}.admin-form{flex-direction:column;gap:1rem;max-width:640px;display:flex}.admin-field{flex-direction:column;gap:.35rem;display:flex}.admin-repeatable-row{align-items:center;gap:.5rem;display:flex}.admin-image-preview{max-width:200px;margin-bottom:.5rem;display:block}.admin-checkbox-field{flex-direction:row;align-items:center;gap:.5rem}.admin-page-editor{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;display:grid}.admin-page-html{font-family:monospace;font-size:.85rem}.admin-page-chat{border:1px solid #e2e8f0;border-radius:8px;grid-column:1;padding:1rem}.admin-page-chat-history{flex-direction:column;gap:.5rem;max-height:300px;margin-bottom:.75rem;display:flex;overflow-y:auto}.admin-page-chat-message{overflow-wrap:anywhere;margin:0}.admin-page-chat-input{gap:.5rem;display:flex}.admin-page-chat-input input{flex:1}.admin-page-preview{border:1px solid #e2e8f0;border-radius:8px;grid-area:1/2/span 2;max-height:90vh;overflow:hidden auto}
