.portal-container{color:#333;box-sizing:border-box;width:100%;max-width:1400px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.portal-header h1{color:#036;margin-bottom:10px;font-size:2.5rem;font-weight:700}.portal-header p{color:#666;font-size:1.1rem}.search-filter-bar{justify-content:center;width:100%;margin-bottom:40px;display:flex}.search-input-wrapper{background:#fff;border:2px solid #e2e8f0;border-radius:99px;align-items:center;width:100%;max-width:600px;padding:10px 20px;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.search-input-wrapper:focus-within{border-color:#036;box-shadow:0 10px 15px -3px #0033661a}.search-icon{margin-right:12px;font-size:1.2rem}.search-input{background:0 0;border:none;outline:none;width:100%;font-size:1rem}.news-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:30px;width:100%;display:grid}.news-image-wrapper{background:#f7fafc;width:100%;height:220px;position:relative;overflow:hidden}.news-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.news-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#036;border-radius:99px;padding:4px 14px;font-size:.75rem;font-weight:600;position:absolute;top:15px;left:15px}.news-date{color:#718096;margin-bottom:12px;font-size:.85rem;display:block}.news-footer{margin-top:auto}.read-more-btn{color:#fff;cursor:pointer;background:#036;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:background .2s;display:inline-flex}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:#4a5568;background:#f7fafc;border-radius:16px;padding:60px 20px;font-size:1.1rem}.modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-card{background:#fff;border-radius:24px;width:100%;max-width:850px;max-height:85vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.75rem;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.modal-body{padding:40px}.modal-body h2{color:#036;margin:0 0 24px;font-size:2.25rem;font-weight:800;line-height:1.3}.ugc-card a,.ugc-related-card a,.ugc-card a:hover,.ugc-related-card a:hover{text-decoration:none!important}.portal-container{color:#333;box-sizing:border-box;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;width:90vw!important;max-width:1300px!important;position:relative!important;left:50%!important;transform:translate(-50%)!important}.portal-wrapper{width:100%}.portal-header{text-align:center;margin-bottom:30px}.featured-banner{background:#0f172a;border-radius:24px;width:100%;height:460px;margin-bottom:40px;position:relative;overflow:hidden;box-shadow:0 15px 35px #0000001a}.banner-slider{width:100%;height:100%;transition:transform .7s cubic-bezier(.4,0,.2,1);display:flex}.banner-slide{cursor:pointer;box-sizing:border-box;min-width:100%;height:100%;position:relative}.banner-image-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.banner-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.banner-slide:hover .banner-image{transform:scale(1.02)}.banner-content{color:#fff;box-sizing:border-box;text-align:left;width:100%;padding:45px;position:absolute;bottom:0;left:0;z-index:3!important;max-width:50%!important}.banner-badge{margin-bottom:14px;display:inline-block;background:#3b82f6!important;position:static!important}.banner-title{color:#fff;text-shadow:0 2px 4px #0000004d;max-width:100%;margin:0 0 12px;font-size:1.8rem;font-weight:800;line-height:1.2}.banner-excerpt{color:#e2e8f0;opacity:.9;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:100%;margin-bottom:20px;font-size:.95rem;line-height:1.5;display:-webkit-box;overflow:hidden}.banner-btn{color:#0f172a!important;cursor:pointer!important;background:#fff!important;border:none!important;border-radius:10px!important;align-items:center!important;gap:8px!important;padding:12px 24px!important;font-size:.9rem!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #00000026!important}.banner-btn:hover{transform:translateY(-2px);color:#fff!important;background:#3b82f6!important}.banner-arrow{z-index:10;position:absolute;top:50%;transform:translateY(-50%);color:#fff!important;cursor:pointer!important;background:#ffffff26!important;border:1px solid #ffffff40!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;margin:0!important;padding:0!important;font-size:1.8rem!important;transition:all .2s!important;display:flex!important}.banner-arrow:hover{transform:translateY(-50%)scale(1.08);background:#ffffff59!important}.banner-arrow.prev{left:24px}.banner-arrow.next{right:24px}.banner-dots{z-index:10;gap:8px;display:flex;position:absolute;bottom:30px;right:45px}.banner-dot{cursor:pointer;background:#fff6;border-radius:50%;width:10px;height:10px;transition:all .3s}.banner-dot.active{background:#3b82f6;border-radius:10px;width:24px}.banner-overlay{z-index:2;pointer-events:none;background:radial-gradient(circle at 0 100%,#000000eb 0%,#000000bf 40%,#00000040 70%,#0000 85%);width:100%;height:100%;position:absolute;top:0;left:0}.search-filter-inline-bar{flex-direction:row;align-items:center;gap:12px;display:flex;box-sizing:border-box!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:50px!important;width:100%!important;margin:0 auto 40px!important;padding:8px 16px!important;box-shadow:0 10px 25px #0000000d!important}.inline-item{flex:180px;align-items:center;gap:8px;display:flex;box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:30px!important;height:46px!important;padding:0 16px!important}.inline-item.search-grow{flex:2 260px}.inline-icon{color:#94a3b8;-webkit-user-select:none;user-select:none;align-items:center;font-size:1.1rem;display:flex}.inline-item input[type=text],.inline-item input[type=date],.inline-item select{box-shadow:none!important;color:#334155!important;appearance:none!important;background:0 0!important;border:none!important;outline:none!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:.9rem!important}.inline-item select{cursor:pointer;background-image:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Cpath%20fill%3D%22%2394a3b8%22%20d%3D%22M10.293%203.293L6%207.586%201.707%203.293A1%201%200%2000.293%204.707l5%205a1%201%200%20001.414%200l5-5a1%201%200%2010-1.414-1.414z%22%2F%3E%3C%2Fsvg%3E)!important;background-position:right 4px center!important;background-repeat:no-repeat!important;padding-right:24px!important}.inline-item input[type=date]{cursor:pointer}.inline-reset-btn{color:#ef4444!important;cursor:pointer!important;background:#fee2e2!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin:0!important;padding:0!important;font-size:1rem!important;font-weight:700!important;transition:all .2s!important;display:flex!important}.inline-reset-btn:hover{transform:scale(1.08);background:#fca5a5!important}.news-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;width:100%;margin-top:20px;display:grid}.news-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.news-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.news-image-wrapper{background:#f1f5f9;width:100%;padding-top:56.25%;position:relative;overflow:hidden}.news-image{object-fit:cover;width:100%;height:100%;transition:transform .3s;position:absolute;top:0;left:0}.news-card:hover .news-image{transform:scale(1.03)}.news-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:2;background:#036;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:700;position:absolute;top:12px;left:12px}.news-content{flex-direction:column;flex-grow:1;padding:20px;display:flex}.news-date{color:#64748b;margin-bottom:8px;font-size:.8rem}.news-title{color:#1e293b;margin:0 0 12px;font-size:1.25rem;font-weight:700;line-height:1.4}.news-excerpt{color:#475569;flex-grow:1;margin-bottom:20px;font-size:.9rem;line-height:1.6}.news-footer{justify-content:flex-start;display:flex}.read-more-btn{color:#fff!important;cursor:pointer!important;background:#036!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;margin:0!important;padding:10px 20px!important;font-size:.85rem!important;font-weight:600!important;transition:background .2s!important;display:inline-flex!important}.read-more-btn:hover{background:#024!important}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-card{background:#fff;border-radius:16px;width:90%;max-width:700px;animation:.3s ease-out modalSlideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header-image{background:#f1f5f9;width:100%;height:250px;position:relative}.modal-header-image img{object-fit:cover;width:100%;height:100%}.modal-close-btn{position:absolute;top:16px;right:16px;color:#fff!important;cursor:pointer!important;background:#0f172a99!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;font-size:1.5rem!important;display:flex!important}.modal-close-btn:hover{background:#0f172acc!important}.modal-body{max-height:60vh;padding:30px;overflow-y:auto}.modal-meta{color:#64748b;margin-bottom:12px;font-size:.85rem}.modal-body h2{color:#1e293b;margin:0 0 16px;font-size:1.75rem;line-height:1.3}.modal-text{color:#334155;font-size:.95rem;line-height:1.7}.skeleton-card{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:380px;animation:1.5s infinite loadingSkeleton}@keyframes loadingSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;padding:40px}@media (width<=992px){.search-filter-inline-bar{border-radius:20px!important;flex-direction:column!important;gap:10px!important;padding:12px!important}.inline-item{flex:none!important;width:100%!important;height:46px!important}.inline-item.search-grow{flex:none!important}.featured-banner{border-radius:16px;height:330px;margin-bottom:30px}.banner-content{padding:24px}.banner-title{max-width:100%;margin-bottom:8px!important;font-size:1.4rem!important}.banner-excerpt,.banner-arrow{display:none!important}.banner-dots{bottom:16px;right:50%;transform:translate(50%)}}