@import"https://fonts.googleapis.com/css2?family=League+Spartan:wght@500;600&display=swap";.homepage{min-height:100vh;background:#fff;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s,color .3s}.homepage.dark{background:#0f172a;color:#f1f5f9}.hidden{display:none}.main-container{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.hero-section{position:relative;height:600px;overflow:hidden;border-radius:16px;margin-bottom:4rem}.hero-background{position:absolute;inset:0;z-index:1}.hero-bg-image{width:100%;height:100%;object-fit:cover;object-position:top}.hero-overlay-bg{position:absolute;inset:0;background:linear-gradient(135deg,#0000008c,#5cb03959)}.hero-content-container{position:relative;z-index:2;height:100%;display:flex;justify-content:flex-end;align-items:center;padding:0 4rem}.hero-text-box-home{background:#fffffff5;padding:48px 40px;border-radius:20px;max-width:500px;box-shadow:0 25px 70px #00000059;border:2px solid rgba(125,204,92,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideInRight .8s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.hero-icon-home{width:70px;height:70px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 10px 25px #5cb03966}.hero-logo-image{height:55px;object-fit:contain;filter:brightness(0) invert(1)}.hero-heading-home{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:16px;line-height:1.2}.hero-subheading-home{font-size:1.25rem;color:#475569;margin-bottom:28px;line-height:1.5;font-weight:500}.hero-stats-home{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:20px;border-top:2px solid rgba(125,204,92,.2)}.hero-stat-home{text-align:center}.stat-number-home{display:block;font-size:1.7rem;font-weight:800;color:#5cb039;margin-bottom:6px}.stat-label-home{font-size:.8rem;color:#64748b;font-weight:600;text-transform:uppercase}.work-section{margin-bottom:3rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem}.section-title{font-size:1.875rem;font-weight:700}.section-subtitle{color:#64748b;margin-top:.25rem}.work-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.work-grid{grid-template-columns:repeat(4,1fr)}}.work-card{cursor:pointer}.work-image-container{aspect-ratio:16 / 9;border-radius:.75rem;overflow:hidden;margin-bottom:1rem;box-shadow:0 4px 6px #0000001a;background:#e2e8f0}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .5s}.work-card:hover .work-image{transform:scale(1.05)}.work-title{font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.work-sub-title{font-size:1.2rem;font-weight:700;margin-bottom:.2rem}.work-description{font-size:.875rem;color:#64748b}.video-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-video-wrapper{width:100%;aspect-ratio:16 / 9;background:#000;overflow:hidden}.work-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem;gap:1.5rem;flex-wrap:wrap}.work-title{font-size:2.25rem;font-weight:800;margin-bottom:.5rem}.work-subtitle{font-size:1.05rem;color:#64748b;max-width:520px;line-height:1.6}.work-view-all{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:#5cb039;text-decoration:none;padding-bottom:4px;border-bottom:2px solid transparent;transition:border-color .2s ease,gap .2s ease}.work-view-all:hover{gap:.6rem;border-color:#5cb039}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}@media(max-width:1024px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.work-grid{grid-template-columns:1fr}}.work-card{cursor:pointer;transition:transform .35s ease}.work-card:hover{transform:translateY(-6px)}.work-image-wrapper{position:relative;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;box-shadow:0 18px 40px #0000002e}.work-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.work-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.work-card:hover img{transform:scale(1.06)}.work-image-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0000008c,#0000000d)}.work-card-content{margin-top:1rem}.homepage.dark .video-modal-content{background:#1e293b}.modal-video{width:100%;height:100%;border:none}.modal-info{padding:2rem}.modal-info h3{font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.homepage.dark .modal-info h3{color:#f1f5f9}.modal-date{font-size:.875rem;color:#64748b;margin-bottom:0rem}.homepage.dark .modal-date{color:#94a3b8}.modal-description{font-size:1rem;color:#64748b;line-height:1.8}.homepage.dark .modal-description{color:#94a3b8}.header{position:sticky;top:0;z-index:50;height:72px;width:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #eaeaea;display:flex;align-items:center}.homepage.dark .header{background:#0f172ae6;border-bottom-color:#334155}.header-content{margin:0 auto;padding:0 2rem;height:100%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo-container{display:flex;align-items:center;gap:10px}.header-logo-image{width:100px;height:100px;object-fit:contain;transform:scale(1.5);transform-origin:center}.Header-logo{font-size:1.25rem;font-weight:700;text-transform:uppercase;color:green;white-space:nowrap}.logo-highlight{color:#5cb039}.desktop-nav{display:flex;align-items:center;gap:2rem}.nav-link{font-family:League Spartan,sans-serif;font-size:.9rem;font-weight:500;letter-spacing:.02em;cursor:pointer;text-decoration:none;color:inherit;transition:color .2s ease}.nav-link:hover{color:green}.header-actions{display:flex;align-items:center;gap:12px}.login-btn{background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;border:none;padding:8px 20px;border-radius:999px;font-weight:600;cursor:pointer;white-space:nowrap}.user-profile-btn{width:40px;height:40px;border-radius:50%;border:none;background:#e9f5e9;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-profile-btn .material-icons{color:#5cb039}.mobile-menu{display:none;background:none;border:none;cursor:pointer}@media(max-width:767px){.header{height:64px}.header-content{padding:0 1rem;gap:1rem;flex-direction:row;max-width:100%}.desktop-nav,.logo{display:none}.logo-image{height:36px}.login-btn{padding:6px 14px;font-size:.85rem}.header-actions{gap:8px}.mobile-menu{display:flex;align-items:center;justify-content:center}}@media(min-width:768px)and (max-width:1024px){.header-content{padding:0 1.5rem;flex-direction:row;max-width:1024px}.desktop-nav{gap:1.25rem}.logo{font-size:1.1rem}}@media(min-width:1025px){.header-content{max-width:1280px;flex-direction:row}}@media(min-width:1440px){.header-content{padding:0 3rem;max-width:1440px;flex-direction:row}}.mobile-nav{position:fixed;top:70px;left:0;width:100%;background:var(--bg-color, #ffffff);box-shadow:0 8px 24px #00000026;overflow:hidden;max-height:0;opacity:0;transform:translateY(-10px);transition:all .35s ease-in-out;z-index:1000;flex-direction:column}.mobile-nav.open{max-height:400px;opacity:1;transform:translateY(0)}body.dark .mobile-nav{background:#1e1e1e}body.dark .mobile-nav a{color:#fff;border-bottom:1px solid #333}body.dark .mobile-nav a:hover{background:#2a2a2a}.more-menu-container{position:relative}.more-menu-btn{background:none;border:none;cursor:pointer;padding:6px}.more-dropdown{position:absolute;right:0;top:40px;background:#fff;color:#333;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:1000;transition:all .2s ease}.more-dropdown button{width:100%;padding:10px;border:none;background:none;text-align:left;cursor:pointer;color:inherit}.more-dropdown button:hover{background:#f5f5f5}.dark .more-dropdown{background:#1e1e1e;color:#fff;box-shadow:0 4px 12px #0009}.dark .more-dropdown button{color:#fff}.dark .more-dropdown button:hover{background:#333}.dark .more-menu-btn .material-icons{color:#fff}.more-dropdown button,.theme-btn{display:flex;align-items:center;gap:8px}.theme-btn svg{font-size:16px}.more-dropdown button:nth-child(2) svg{color:#1877f2}.more-dropdown button:nth-child(3) svg{color:#1da1f2}.more-dropdown button:nth-child(4) svg{color:#0077b5}.more-dropdown button:nth-child(5) svg{color:red}.more-dropdown button:nth-child(6) svg{color:#e1306c}.footer{background:#1e293b;color:#fff;border-top:1px solid #e2e8f0;padding:3rem 0 2.5rem;margin-top:auto}.homepage.dark .footer{background:#020617;border-top-color:#334155}.footer-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:1fr;gap:3rem;margin-bottom:5rem}@media(min-width:768px){.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer-grid{grid-template-columns:repeat(4,1fr)}}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-description{color:#64748b;line-height:1.6}.homepage.dark .footer-description{color:#94a3b8}.footer-heading{font-size:1.125rem;font-weight:700;margin-bottom:1.5rem}.footer-list{list-style:none;display:flex;flex-direction:column;gap:1rem;padding:0;margin:0;align-items:center}.footer-list a{color:#64748b;text-decoration:none;cursor:pointer;transition:color .3s ease}.footer-list a:hover{color:green}.homepage.dark .footer-list a{color:#94a3b8}.footer-newsletter{display:flex;flex-direction:column}.newsletter-description{font-size:.875rem;color:#64748b;margin-bottom:1.5rem}.homepage.dark .newsletter-description{color:#94a3b8}.newsletter-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #e2e8f0;background:#fff;outline:none;transition:all .3s ease}.homepage.dark .newsletter-input{background:#0f172a;border-color:#475569;color:#fff}.newsletter-input:focus{outline:2px solid #008000;border-color:green}.newsletter-button{background:green;color:#fff;width:100%;padding:.75rem;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:background .3s ease}.newsletter-button:hover{background:#060}.footer-bottom{padding-top:2rem;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.875rem;color:#64748b}.homepage.dark .footer-bottom{border-top-color:#334155;color:#94a3b8}.footer-bottom-links a{color:inherit;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:green}.footer-logo-image{width:60px;object-fit:contain;transform:scale(1.5);transform-origin:right}.footer-logo{font-size:1.25rem;font-weight:700;text-transform:uppercase;color:green;white-space:nowrap}.footer-logo-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;height:60px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem;align-items:center}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover,.footer-links a.active{color:#10b981}.footer-links li{color:#94a3b8}.footer-logo-highlight{color:#5cb039;font-weight:800}.livetv{min-height:100vh;background:#fff;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.livetv.dark{background:#0f172a;color:#f1f5f9}.livetv.dark .profile-dropdown{background:#1e293b;box-shadow:0 4px 20px #0000004d}.desktop-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:end;height:40px}.livetv.dark .profile-button{background:#334155}.livetv.dark .profile-button:hover{background:#475569}.livetv.dark .profile-button .material-icons{color:#94a3b8}.livetv.dark .profile-dropdown{background:#1e293b;box-shadow:0 10px 25px #0000004d}.livetv.dark .profile-dropdown-item{color:#f1f5f9}.livetv.dark .profile-dropdown-item:hover{background:#334155}.livetv.dark .profile-dropdown-item .material-icons{color:#94a3b8}.livetv-hero{position:relative;width:100%;height:600px;overflow:hidden;background:#000}.hero-video-carousel{position:relative;width:100%;height:100%}.hero-video-player{width:100%;height:100%;border:none;pointer-events:none}.modal-video{width:100%;height:100%;border:none;object-fit:cover;pointer-events:auto}.hero-video-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:3rem 2rem 2rem;color:#fff;opacity:1;transition:opacity 1s ease}.hero-video-overlay--hidden{opacity:0;pointer-events:none}.hero-video-info{max-width:1200px;margin:0 auto 2rem}.hero-video-category{display:inline-block;background:#5cb039e6;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.hero-video-title{font-size:2rem;font-weight:800;margin-bottom:.75rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.hero-video-description{font-size:1.125rem;opacity:.95;max-width:700px;text-shadow:0 2px 4px rgba(0,0,0,.5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-video-controls{display:flex;align-items:center;justify-content:center;gap:1.5rem;max-width:1200px;margin:0 auto}.hero-nav-btn{width:48px;height:48px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.hero-nav-btn:hover{background:#5cb039e6;border-color:#5cb039e6;transform:scale(1.1)}.hero-nav-btn .material-icons{font-size:1.75rem}.hero-video-indicators{display:flex;gap:.5rem;align-items:center}.hero-indicator{width:10px;height:10px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s;padding:0}.hero-indicator:hover{background:#ffffffb3;transform:scale(1.2)}.hero-indicator.active{background:#5cb039;width:32px;border-radius:5px}.livetv-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.livetv-filters{display:flex;flex-direction:row;gap:.75rem;margin-bottom:2rem;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.livetv-filters::-webkit-scrollbar{display:none}.filter-btn{flex:0 0 auto;padding:.6rem 1.4rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s;color:#64748b;white-space:nowrap}.livetv.dark .filter-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.filter-btn .material-icons{display:none}.filter-btn:hover{border-color:#5cb039;color:#5cb039}.filter-btn.active{background:linear-gradient(135deg,#5cb039,#7dcc5c);border-color:#5cb039;color:#fff}.livetv.dark .filter-btn.active{background:linear-gradient(135deg,#5cb039,#7dcc5c)}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.video-card{background:#fff;border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.livetv.dark .video-card{background:#1e293b}.video-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #0003}.video-thumbnail{position:relative;width:100%;height:220px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.video-thumbnail-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center}.video-thumbnail-placeholder .material-icons{font-size:4rem;color:#fff6}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.video-card:hover .video-overlay{opacity:1}.play-icon{font-size:4rem;color:#fff}.video-category{position:absolute;top:.75rem;right:.75rem;background:#5cb039f2;color:#fff;padding:.375rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;z-index:2}.video-info{padding:1.5rem}.video-title{font-size:1.125rem;font-weight:700;margin-bottom:.5rem;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.livetv.dark .video-title{color:#f1f5f9}.video-description{font-size:.875rem;color:#64748b;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.livetv.dark .video-description{color:#94a3b8}.video-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#64748b}.livetv.dark .video-meta{color:#94a3b8}.video-date{display:flex;align-items:center;gap:.25rem}.video-date .material-icons{font-size:.875rem}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.video-modal-content{background:#fff;border-radius:1rem;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.livetv.dark .video-modal-content{background:#1e293b}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s}.modal-close:hover{background:#000000b3}.modal-close .material-icons{font-size:1.5rem}.video-player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:1rem 1rem 0 0}.video-player iframe{border:none;border-radius:1rem 1rem 0 0}.video-details{padding:2rem}.video-category-badge{display:inline-block;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.video-details-title{font-size:1.75rem;font-weight:800;margin-bottom:1rem;color:#1e293b}.livetv.dark .video-details-title{color:#f1f5f9}.video-details-description{font-size:1rem;color:#64748b;line-height:1.8;margin-bottom:1.5rem}.livetv.dark .video-details-description{color:#94a3b8}.video-details-meta{display:flex;align-items:center;gap:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0;font-size:.875rem;color:#64748b}.livetv.dark .video-details-meta{border-top-color:#334155;color:#94a3b8}.video-details-meta span{display:flex;align-items:center;gap:.5rem}.video-details-meta .material-icons{font-size:1.125rem}.newsletter-description{font-size:.875rem;color:#94a3b8;margin-bottom:1.5rem}.newsletter-form{display:flex;flex-direction:column;gap:.75rem}.newsletter-input{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #334155;background:#0f172a;color:#fff;outline:none;transition:all .3s}.newsletter-input:focus{outline:2px solid #5CB039;border-color:#5cb039}.newsletter-button{background:#5cb039;color:#fff;width:100%;padding:.75rem;border:none;border-radius:.75rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 6px -1px #0000001a}.newsletter-button:hover{background:#4a9c2f}.footer-bottom{padding-top:2rem;border-top:1px solid #334155;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;font-size:.875rem;color:#94a3b8}@media(min-width:768px){.footer-bottom{flex-direction:row}}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:inherit;text-decoration:none;transition:color .3s}.footer-bottom-links a:hover{color:#5cb039}@media(max-width:768px){.livetv-hero{height:400px}.hero-video-title{font-size:1.5rem}.hero-video-description{font-size:.875rem}.hero-nav-btn{width:40px;height:40px}.hero-nav-btn .material-icons{font-size:1.5rem}.video-grid{grid-template-columns:1fr}.desktop-nav{display:none}}.live-tag{position:absolute;background:red;color:#fff;padding:5px 10px;font-weight:700;border-radius:4px;font-size:14px;text-transform:uppercase}.live-container{position:absolute;top:18px;left:20px}.live-tag{background:red;color:#fff;padding:4px 10px;font-weight:700;border-radius:4px;display:inline-block}.live-time{color:#fff;font-size:14px;margin-top:30px}.spinner{width:50px;height:50px;border:5px solid #ddd;border-top:5px solid #5cb039;border-radius:50%;animation:spin 1s linear infinite}.about-us{min-height:100vh;background:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.about-us.dark .theme-toggle:hover{background:#334155}.about-us.dark{background:#0f172a;color:#f1f5f9}.about-us.dark .profile-dropdown{background:#1e293b;box-shadow:0 4px 20px #0000004d}.logo-container{display:flex;align-items:center;gap:.5rem;cursor:pointer;height:40px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-icon .material-icons{color:#fff;font-size:1.5rem}.logo-highlight{color:#5cb039;font-weight:800}.desktop-nav{display:flex;align-items:center;gap:2rem;flex:1;justify-content:center;height:40px}.nav-link{font-size:.875rem;font-weight:500;color:inherit;text-decoration:none;transition:color .3s;cursor:pointer;display:flex;align-items:center;height:100%;padding:0 .5rem;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#5cb039;transition:width .3s ease}.nav-link:hover,.nav-link.active{color:#5cb039}.nav-link:hover:after,.nav-link.active:after{width:100%}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0;height:40px}.profile-menu-container{position:relative}.profile-button{width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.profile-button:hover{background:#e2e8f0}.profile-button .material-icons{font-size:1.5rem;color:#64748b}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;min-width:200px;overflow:hidden;z-index:1000}.profile-dropdown-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:background .3s;border:none;background:none;width:100%;text-align:left;color:#334155;font-size:.875rem}.profile-dropdown-item:hover{background:#f1f5f9}.profile-dropdown-item .material-icons{font-size:1.25rem;color:#64748b}.login-button{padding:.625rem 1.5rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s;box-shadow:0 2px 8px #5cb0394d;height:40px;display:flex;align-items:center;gap:.5rem}.login-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5cb03966}.main-content{padding-bottom:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-banner{position:relative;width:100%;height:700px;overflow:hidden;display:flex;align-items:center}.hero-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.slideshow-image{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out}.slideshow-image.active{opacity:1;animation:slideShow 15s infinite}.slideshow-image:nth-child(2){animation-delay:5s}.slideshow-image:nth-child(3){animation-delay:10s}@keyframes slideShow{0%{opacity:0;transform:scale(1)}5%{opacity:1}33%{opacity:1}38%{opacity:0}to{opacity:0}}.slideshow-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-content-wrapper{position:relative;z-index:2;width:100%;padding:80px 0;background:linear-gradient(135deg,#00000080,#5cb03933);display:flex;justify-content:flex-end}.hero-text-box{background:linear-gradient(135deg,#fffffffa,#fffffff2);padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(125,204,92,.3);margin-right:4rem}.hero-icon{width:60px;height:60px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 8px 20px #5cb0394d}.hero-icon .material-icons{font-size:36px;color:#fff}.hero-heading{font-size:2.5rem;font-weight:900;color:#1a1a1a;text-align:left;line-height:1.1;letter-spacing:-1px;margin:0 0 15px;background:linear-gradient(135deg,#2d2d2d,#5cb039);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subheading{font-size:1.1rem;color:#555;margin:0 0 30px;font-weight:400;line-height:1.4}.hero-stats{display:flex;gap:30px;margin-top:30px;padding-top:20px;border-top:2px solid rgba(125,204,92,.3)}.hero-stat{display:flex;flex-direction:column;gap:5px}.stat-number{font-size:1.5rem;font-weight:800;color:#5cb039;line-height:1}.stat-label{font-size:.75rem;color:#666;font-weight:500;text-transform:uppercase;letter-spacing:1px}.section-heading{font-size:2.5rem;font-weight:700;text-align:center}.bio-hero{padding:3rem 2rem}.bio-hero-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media(min-width:968px){.bio-hero-content{grid-template-columns:450px 1fr;gap:4rem}}.bio-image-column{width:100%;position:sticky;top:100px}.bio-image-frame{position:relative;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);padding:1.5rem;border-radius:16px;box-shadow:0 20px 60px #0000001f;min-height:800px}.bio-image-frame:before{content:"";position:absolute;inset:0;border-radius:16px;padding:3px;background:linear-gradient(135deg,#66bb6a,#43a047);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.bio-main-image{width:100%;min-height:750px;display:block;border-radius:8px;object-fit:cover;object-position:center top}.bio-intro-column{display:flex;flex-direction:column}.bio-main-heading{font-size:3rem;font-weight:800;margin-bottom:2rem;letter-spacing:-1px;line-height:1.1}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:#1a1a1a;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left}.homepage.dark .dropdown-item{color:#f1f5f9}.dropdown-item:hover{background:#5cb0391a}.homepage.dark .dropdown-item:hover{background:#5cb03926}.dropdown-item .material-icons{font-size:1.125rem;color:#5cb039}.dropdown-item.logout{border-top:1px solid #e2e8f0;color:#ef4444}.homepage.dark .dropdown-item.logout{border-top-color:#334155}.dropdown-item.logout .material-icons{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a}.login-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #5cb0394d;height:40px;white-space:nowrap}.login-btn .material-icons{font-size:1.125rem}.bio-intro-card{background:linear-gradient(135deg,#fff,#f5f5f5);border-left:5px solid #5CB039;padding:2.5rem;border-radius:0 12px 12px 0;box-shadow:0 8px 32px #00000014;position:relative;margin-bottom:3rem}.quote-mark{position:absolute;top:-10px;left:20px;font-size:6rem;color:#5cb039;opacity:.2;font-family:Georgia,serif;line-height:1}.bio-intro-text{font-size:1.25rem;line-height:1.8;color:#2c2c2c;font-style:italic;margin:0;position:relative;z-index:1}.bio-timeline{position:relative;padding-left:3rem}.bio-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#5cb039,#7dcc5c)}.timeline-item{position:relative;margin-bottom:2.5rem;padding-left:2rem}.timeline-marker{position:absolute;left:-2.5rem;top:.25rem;width:20px;height:20px;background:#fff;border:4px solid #5CB039;border-radius:50%;box-shadow:0 0 0 4px #5cb0391a;transition:all .3s ease}.timeline-item:hover .timeline-marker{transform:scale(1.3);box-shadow:0 0 0 8px #5cb03933}.timeline-content{background:#fff;padding:1.5rem 2rem;border-radius:12px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease;border:1px solid #e8e8e8}.timeline-item:hover .timeline-content{transform:translate(8px);box-shadow:0 8px 30px #0000001f;border-color:#5cb039}.timeline-title{font-size:1.35rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem}.timeline-title:before{content:"";width:4px;height:20px;background:linear-gradient(180deg,#5cb039,#7dcc5c);border-radius:2px}.timeline-text{font-size:.95rem;line-height:1.7;color:#4a4a4a;margin:0}.image-gallery-section{padding:4rem 2rem;background:#f9f9f9}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto}.image-grid-item{overflow:hidden;border-radius:8px;box-shadow:0 4px 15px #0000001a}.image-grid-item:hover{box-shadow:0 6px 20px #0000001f}.image-grid-item img{width:100%;height:350px;object-fit:cover;display:block;opacity:1}.greentv-section{padding:0;position:relative;overflow:hidden}.greentv-hero{position:relative;padding:2rem;background:linear-gradient(135deg,#f8fffe,#e8f5e9,#f1f8e9)}.greentv-hero-dark{position:relative;padding:2rem;background:linear-gradient(135deg,#0f172a 0% 50%,#0f172a)}.greentv-background-pattern{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;background-image:radial-gradient(circle at 20% 50%,#5CB039 2px,transparent 2px),radial-gradient(circle at 80% 80%,#7dcc5c 2px,transparent 2px),radial-gradient(circle at 40% 20%,#5CB039 1px,transparent 1px);background-size:50px 50px,80px 80px,100px 100px;background-position:0 0,40px 60px,130px 270px}.greentv-header{max-width:900px;margin:0 auto 4rem;text-align:center;position:relative;z-index:1}.greentv-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;padding:12px 24px;border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:1.5px;margin-bottom:1.5rem;box-shadow:0 4px 15px #5cb0394d}.greentv-badge .material-icons{font-size:20px}.greentv-title{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#2d2d2d,#5cb039);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 2rem;line-height:1.1;letter-spacing:-2px}.greentv-manifesto{position:relative;background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px #00000014;border-left:6px solid #5CB039}.manifesto-quote-icon{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#5cb039,#7dcc5c);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #5cb0394d}.manifesto-quote-icon .material-icons{color:#fff;font-size:28px}.manifesto-text{font-size:1.25rem;line-height:1.8;color:#333;margin:0;text-align:left}.manifesto-text strong{color:#5cb039;font-weight:700}.greentv-themes{max-width:1200px;margin:0 auto 4rem;position:relative;z-index:1}.themes-heading{font-size:2rem;font-weight:800;text-align:center;margin-bottom:3rem;position:relative}.themes-heading:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#5cb039,#7dcc5c);border-radius:2px}.themes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:2rem}.theme-card{background:#fff;padding:2rem;border-radius:16px;text-align:center;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:2px solid transparent;position:relative;overflow:hidden}.theme-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#5cb039,#7dcc5c);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.theme-card:hover:before{transform:scaleX(1)}.theme-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #5cb03926;border-color:#5cb03933}.theme-icon{width:70px;height:70px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.theme-card:hover .theme-icon{background:linear-gradient(135deg,#5cb039,#7dcc5c);transform:rotate(360deg) scale(1.1)}.theme-icon .material-icons{font-size:36px;color:#5cb039;transition:color .4s ease}.theme-card:hover .theme-icon .material-icons{color:#fff}.theme-card h4{font-size:1.15rem;font-weight:700;color:#1a1a1a;margin:0 0 .5rem}.theme-card p{font-size:.9rem;color:#666;margin:0;line-height:1.5}.greentv-mission{max-width:1000px;margin:0 auto;position:relative;z-index:1}.mission-content{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:4rem;border-radius:24px;display:flex;align-items:center;gap:3rem;box-shadow:0 20px 60px #0003;position:relative;overflow:hidden}.mission-content:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(125,204,92,.1) 0%,transparent 70%);border-radius:50%}.mission-icon-large{width:120px;height:120px;min-width:120px;background:linear-gradient(135deg,#5cb039,#7dcc5c);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #5cb03966;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 10px 30px #5cb03966}50%{transform:scale(1.05);box-shadow:0 15px 40px #5cb03999}}.mission-icon-large .material-icons{font-size:60px;color:#fff}.mission-text{flex:1}.mission-text h3{font-size:2rem;font-weight:800;color:#fff;margin:0 0 1rem;line-height:1.2}.mission-text p{font-size:1.1rem;line-height:1.8;color:#ffffffe6;margin:0}.mission-text .highlight{color:#7dcc5c;font-weight:700;position:relative;display:inline-block}.greentv-section .container{max-width:1200px;margin:0 auto}.cta-section{padding:2rem}.cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.cta-card{background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;text-align:center;border:2px solid transparent;display:flex;flex-direction:column;min-height:280px;opacity:0;transform:translateY(20px)}.cta-card.visible{opacity:1;transform:translateY(0)}.cta-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #5cb03933;border-color:#5cb039}.cta-card h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.3;flex-grow:0}.cta-card p{font-size:.95rem;color:#666;margin-bottom:1.5rem;line-height:1.6;flex-grow:1}.cta-button{background:#5cb039;color:#fff;padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:700;display:inline-block;transition:all .3s ease;box-shadow:0 4px 12px #5cb0394d;margin-top:auto}.cta-button:hover{background:#4a9030;box-shadow:0 6px 16px #5cb03966;transform:translateY(-2px)}.cta-button:hover{background:#4a9030;transform:translateY(-2px);box-shadow:0 4px 15px #5cb0394d}.contact-section{padding:4rem 2rem;background:linear-gradient(135deg,#f8fcf6,#fff);position:relative;overflow:hidden}.contact-section-dark{padding:4rem 2rem;background:linear-gradient(135deg,#0f172a 0% 100%);position:relative;overflow:hidden}.contact-section:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,rgba(125,204,92,.05) 0%,transparent 100%);pointer-events:none}.contact-section-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:linear-gradient(180deg,#0f172a 0%,transparent 100%);pointer-events:none}.section-header-center{text-align:center;max-width:700px;margin:0 auto 3rem}.section-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#7dcc5c1a;border:1px solid rgba(125,204,92,.3);border-radius:50px;color:#5cb039;font-weight:600;font-size:.875rem;letter-spacing:.5px;margin-bottom:1.5rem}.section-badge .material-icons{font-size:1.125rem}.section-description{color:#666;font-size:1.125rem;line-height:1.6;margin-top:1rem}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1400px;margin:0 auto 4rem}.contact-item{position:relative;text-align:center;padding:2.5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent;overflow:hidden}.contact-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7dcc5c,#5cb039);transform:scaleX(0);transition:transform .4s ease}.contact-item:hover:before{transform:scaleX(1)}.contact-item:hover{transform:translateY(-8px);box-shadow:0 12px 40px #5cb03933;border-color:#7dcc5c4d}.contact-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #5cb0394d;transition:all .4s ease;position:relative}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px #5cb03966}.contact-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(125,204,92,.3);opacity:0;transition:opacity .3s ease}.contact-item:hover .contact-icon:after{opacity:1}.contact-icon .material-icons{color:#fff;font-size:2rem}.contact-item h3{font-size:1.5rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.contact-label{font-size:.875rem;color:#7dcc5c;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.75rem;margin-top:.75rem}.contact-value{font-size:1.1rem;color:#555;margin:0 0 1.5rem;line-height:1.6;min-height:60px;display:flex;align-items:center;justify-content:center;padding:0 1rem;word-break:break-all}.contact-value a{color:#333;text-decoration:none;transition:all .3s ease;font-weight:500;word-break:break-all}.contact-value a:hover{color:#5cb039}.contact-action{width:48px;height:48px;border-radius:50%;border:2px solid #e0e0e0;background:transparent;color:#5cb039;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;margin-top:auto}.contact-action:hover{background:#5cb039;border-color:#5cb039;color:#fff;transform:scale(1.1)}.contact-action .material-icons{font-size:1.25rem}.contact-cta{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);border-radius:20px;box-shadow:0 10px 40px #5cb0394d;position:relative;overflow:hidden}.contact-cta:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:#ffffff1a;border-radius:50%}.contact-cta:after{content:"";position:absolute;bottom:-30%;left:-5%;width:250px;height:250px;background:#ffffff14;border-radius:50%}.contact-cta-content{text-align:center;position:relative;z-index:1}.contact-cta-content h3{color:#fff;font-size:2rem;margin-bottom:1rem;font-weight:700}.contact-cta-content p{color:#fffffff2;font-size:1.125rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.contact-cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;border-radius:50px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #0003}.cta-primary{background:#fff;color:#5cb039}.cta-primary:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.cta-secondary{background:#fff3;color:#fff;border:2px solid white}.cta-secondary:hover{background:#fff;color:#5cb039;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.cta-primary .material-icons,.cta-secondary .material-icons{font-size:1.25rem}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.social-link{width:50px;height:50px;background:#fff;border:1px solid #e0e0e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;text-decoration:none;transition:all .3s ease}.social-link:hover{background:#5cb039;border-color:#5cb039;color:#fff;transform:translateY(-3px)}.social-link .material-icons{font-size:1.4rem}.footer-text{color:#666;font-size:.9rem}.footer-text a{color:#5cb039;text-decoration:none;font-weight:600}.footer-text a:hover{text-decoration:underline}@media(max-width:1200px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav{flex-direction:column;gap:1rem;text-align:center}.hero-banner{height:400px}.hero-heading{font-size:1.8rem}.bio-text{font-size:1rem}.image-grid{grid-template-columns:1fr;gap:1.5rem}.cta-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-section{padding:4rem 1.5rem}.section-header-center{margin-bottom:3rem}.section-heading{font-size:2rem}.section-description{font-size:1rem}.contact-item{padding:2rem 1.5rem}.contact-icon{width:70px;height:70px}.contact-cta{padding:2rem 1.5rem}.contact-cta-content h3{font-size:1.5rem}.contact-cta-content p{font-size:1rem}.contact-cta-buttons{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}}.logo-image{width:100px;height:100px;object-fit:contain;transform:scale(1.5);transform-origin:center}.address-box{font-size:14px;line-height:1.8;color:#555;padding:0px 0rem}.login-page{min-height:100vh;background:linear-gradient(135deg,#f8fcf6,#e8f5e3);display:flex;align-items:center;justify-content:center;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-container{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;width:100%;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.login-left{background:linear-gradient(135deg,#5cb039,#7dcc5c);padding:4rem 3rem;color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:#ffffff1a;border-radius:50%}.login-brand{position:relative;z-index:1;margin-bottom:3rem}.brand-icon{width:70px;height:70px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand-icon .material-icons{font-size:2.5rem;color:#fff}.login-brand h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.brand-tagline{font-size:1.125rem;opacity:.95;line-height:1.6}.login-features{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.feature-item{display:flex;align-items:center;gap:1rem;font-size:1rem}.feature-item .material-icons{font-size:1.5rem;background:#fff3;border-radius:50%;padding:.25rem}.login-right{padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center}.login-card{max-width:440px;margin:0 auto;width:100%}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h2{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.5rem}.login-header p{color:#666;font-size:1rem}.social-login{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.social-button{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;font-size:1rem;font-weight:600;color:#333;cursor:pointer;transition:all .3s ease}.social-button:hover:not(:disabled){border-color:#5cb039;background:#f8fcf6;transform:translateY(-2px);box-shadow:0 4px 12px #5cb03926}.social-button:disabled{opacity:.6;cursor:not-allowed}.social-button svg{flex-shrink:0}.divider{display:flex;align-items:center;margin:2rem 0;color:#999;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#e0e0e0}.divider span{padding:0 1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form-group{display:flex;flex-direction:column;gap:.5rem}.login-form-group label{font-weight:600;color:#333;font-size:.875rem}.optional-label{font-weight:400;color:#888;font-size:.8rem}.login-form-group input,.login-form-group textarea{border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .material-icons{position:absolute;left:1rem;color:#999;font-size:1.25rem}.input-wrapper input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.input-wrapper input:focus{outline:none;border-color:#5cb039;box-shadow:0 0 0 4px #5cb0391a}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.remember-me{display:inline-flex;align-items:center;gap:.5rem;color:#4f5b66;font-size:.95rem;cursor:pointer}.remember-me input{width:16px;height:16px;accent-color:#5CB039;cursor:pointer}.status-banner{display:flex;align-items:center;gap:.5rem;padding:.85rem 1rem;border-radius:12px;border:1px solid transparent;font-size:.95rem}.status-banner.info{background:#f3fbef;border-color:#d6edce;color:#2c3e50}.status-banner.error{background:#fff5f5;border-color:#ffcdd2;color:#b00020}.status-banner .material-icons{font-size:1.2rem}.login-button{padding:1rem 2rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;box-shadow:0 4px 12px #5cb0394d}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5cb03966}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.login-footer p{color:#666;font-size:.95rem}.link-button{background:none;border:none;color:#5cb039;font-weight:600;cursor:pointer;text-decoration:none;transition:color .3s ease}.link-button:hover{color:#4a9030;text-decoration:underline}.back-home{text-align:center;margin-top:2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:#666;cursor:pointer;font-size:.95rem;transition:all .3s ease}.back-button:hover{color:#5cb039;gap:.75rem}@media(max-width:968px){.login-container{grid-template-columns:1fr}.login-left{padding:3rem 2rem}.login-brand h1{font-size:2rem}.login-right{padding:3rem 2rem}}@media(max-width:480px){.login-page{padding:1rem}.login-left,.login-right{padding:2rem 1.5rem}.login-header h2{font-size:1.5rem}.social-button{font-size:.9rem}}.brand-logo-image{height:80px;object-fit:contain;filter:brightness(0) invert(1)}.sigin-btn-primary,.sigin-btn-secondary{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;justify-content:center;border:none}.sigin-btn-primary{background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;box-shadow:0 4px 12px #5cb0394d}.sigin-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5cb03966}.login-form-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.back-button.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:50px;border:none;background:#5cb039;color:#fff;font-weight:500;cursor:pointer;transition:.3s}.back-button.pill:hover{background:#4a922f;transform:translateY(-2px)}.input-wrapper.error input{border-color:#e53935}.error-text{color:#e53935;font-size:13px;margin-top:6px}.signup-page{min-height:100vh;background:linear-gradient(135deg,#f8fcf6,#e8f5e3);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.signup-container{max-width:900px;margin:0 auto}.signup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.back-link{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#666;cursor:pointer;font-size:1rem;transition:all .3s ease}.back-link:hover{color:#5cb039;gap:.75rem}.logo-small{display:flex;align-items:center;gap:.5rem;color:#5cb039;font-weight:700;font-size:1.125rem}.logo-small .material-icons{font-size:1.5rem}.signup-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.progress-section{padding:3rem 3rem 2rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:10px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:#fff;border-radius:10px;transition:width .4s ease}.step-indicators{display:flex;justify-content:space-between;gap:1rem}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:.75rem;flex:1;opacity:.6;transition:opacity .3s ease}.step-indicator.active{opacity:1}.step-circle{width:48px;height:48px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.125rem;transition:all .3s ease}.step-indicator.active .step-circle{background:#fff;color:#5cb039}.step-indicator span{font-size:.875rem;text-align:center}.form-section{padding:3rem}.step-content{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:3rem}.step-header h2{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:.75rem}.step-header p{color:#666;font-size:1.125rem}.form-fields{display:flex;flex-direction:column;gap:1.5rem;max-width:600px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#333;font-size:.95rem}.required{color:#e74c3c}.form-group input,.form-group textarea{padding:1rem;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5cb039;box-shadow:0 0 0 4px #5cb0391a}.form-group textarea{resize:vertical;min-height:120px}.interests-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;max-width:700px;margin:0 auto}.interest-card{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1rem;border:2px solid #e0e0e0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;color:#333;text-align:left}.interest-card:hover{border-color:#7dcc5c;background:#f8fcf6;transform:translateY(-2px);box-shadow:0 4px 12px #5cb03926}.interest-card.selected{border-color:#5cb039;background:linear-gradient(135deg,#f8fcf6,#e8f5e3);color:#5cb039}.interest-card .material-icons{font-size:1.5rem;color:#5cb039}.summary-card{background:linear-gradient(135deg,#f8fcf6,#e8f5e3);border:2px solid #7dcc5c;border-radius:16px;padding:2rem;margin-top:2rem}.summary-card h3{font-size:1.25rem;font-weight:700;color:#2c3e50;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.summary-item{display:flex;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(92,176,57,.2)}.summary-item:last-child{border-bottom:none}.summary-item .material-icons{color:#5cb039;font-size:1.5rem}.summary-item strong{display:block;color:#2c3e50;margin-bottom:.25rem}.summary-item p{color:#666;font-size:.95rem;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:3rem;padding-top:2rem;border-top:1px solid #e0e0e0}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.btn-primary{background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;box-shadow:0 4px 12px #5cb0394d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #5cb03966}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:#5cb039;border:2px solid #5CB039}.btn-secondary:hover{background:#f8fcf6;transform:translateY(-2px)}@media(max-width:768px){.signup-page{padding:1rem}.signup-header{margin-bottom:2rem}.progress-section{padding:2rem 1.5rem 1.5rem}.step-indicators{gap:.5rem}.step-circle{width:40px;height:40px;font-size:1rem}.step-indicator span{font-size:.75rem}.form-section{padding:2rem 1.5rem}.step-header h2{font-size:1.5rem}.step-header p{font-size:1rem}.interests-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}}.logo-small-image{height:50px;object-fit:contain}.admin-dashboard{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8f5e9);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-header{background:linear-gradient(135deg,#fff,#f8fffe);box-shadow:0 2px 10px #00000014;border-bottom:2px solid rgba(125,204,92,.2);position:sticky;top:0;z-index:100}.admin-header-content{max-width:1400px;margin:0 auto;padding:1.5rem 2rem;display:flex;align-items:center;justify-content:space-between}.admin-logo-section{display:flex;align-items:center;gap:1rem}.admin-logo-icon{width:50px;height:50px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #5cb0394d}.admin-logo-icon .material-icons{font-size:28px;color:#fff}.admin-logo{font-size:1.75rem;font-weight:700;color:#1a1a1a;letter-spacing:-.02em}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.back-btn:hover{border-color:#5cb039;color:#5cb039;transform:translateY(-2px);box-shadow:0 4px 12px #5cb03933}.back-btn .material-icons{font-size:20px}.admin-main{padding:3rem 2rem}.admin-container{max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:3rem;text-align:center}.dashboard-subtitle{color:#64748b;font-size:1.1rem;margin-top:.5rem;font-weight:400}.tab-navigation{display:flex;gap:1rem;margin-bottom:2.5rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-wrap:wrap}.tab-btn{flex:1;min-width:150px;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:2px solid transparent;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease;font-size:1rem}.tab-btn:hover{background:#f8fafc;color:#5cb039}.tab-btn.active{background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;box-shadow:0 4px 12px #5cb0394d}.tab-btn .material-icons{font-size:22px}.sub-tab-navigation{display:flex;gap:1rem;margin-bottom:2rem;background:#fff;padding:.75rem;border-radius:10px;box-shadow:0 2px 6px #0000000d}.sub-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:2px solid transparent;border-radius:8px;font-weight:600;color:#64748b;cursor:pointer;transition:all .3s ease}.sub-tab-btn:hover{background:#f8fafc;color:#5cb039}.sub-tab-btn.active{background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;box-shadow:0 4px 10px #5cb03940}.sub-tab-btn .material-icons{font-size:20px}.dashboard-overview{margin-bottom:3rem}.section-title{font-size:1.75rem;font-weight:700;color:#1a202c;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card-large{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 4px 15px #00000014;border:2px solid transparent;transition:all .3s ease}.stat-card-large:hover{border-color:#5cb039;transform:translateY(-4px);box-shadow:0 8px 25px #5cb03933}.stat-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.stat-header .material-icons{font-size:32px;color:#5cb039}.stat-label{font-size:.95rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.5rem;font-weight:800;color:#1a202c;margin-bottom:.5rem}.stat-change{display:flex;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-change .material-icons{font-size:18px}.activity-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 4px 15px #00000014}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8fafc;border-radius:10px;transition:all .2s ease}.activity-item:hover{background:#f1f5f9;transform:translate(4px)}.activity-icon{width:40px;height:40px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon .material-icons{color:#fff;font-size:20px}.activity-content{flex:1}.activity-text{color:#334155;font-weight:500;margin-bottom:.25rem}.activity-time{color:#94a3b8;font-size:.85rem}.user-management{margin-bottom:3rem}.table-container{background:#fff;border-radius:14px;box-shadow:0 4px 15px #00000014;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,#7dcc5c,#5cb039)}.data-table thead th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody td{padding:1.25rem 1.5rem;color:#334155}.title-cell{font-weight:600;color:#1a202c;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.views-cell{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#5cb039}.small-icon{font-size:18px!important}.role-badge{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.role-badge.admin{background:#fef3c7;color:#92400e}.role-badge.editor{background:#dbeafe;color:#1e40af}.role-badge.viewer{background:#e0e7ff;color:#5b21b6}.status-badge{display:inline-block;padding:.4rem .9rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.status-badge.active,.status-badge.published{background:#d1fae5;color:#065f46}.status-badge.inactive,.status-badge.draft{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem}.icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease}.icon-btn .material-icons{font-size:18px;color:#64748b}.icon-btn:hover{background:#f8fafc;border-color:#5cb039}.icon-btn:hover .material-icons{color:#5cb039}.icon-btn.view:hover{background:#dbeafe;border-color:#3b82f6}.icon-btn.view:hover .material-icons{color:#3b82f6}.icon-btn.edit:hover{background:#fef3c7;border-color:#f59e0b}.icon-btn.edit:hover .material-icons{color:#f59e0b}.icon-btn.delete:hover{background:#fee2e2;border-color:#ef4444}.icon-btn.delete:hover .material-icons{color:#ef4444}.analytics-section{margin-top:2rem}.analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.analytics-card{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 4px 15px #00000014;border:2px solid transparent;transition:all .3s ease}.analytics-card:hover{border-color:#5cb039;transform:translateY(-4px);box-shadow:0 8px 25px #5cb03933}.analytics-title{font-size:1.1rem;font-weight:700;color:#334155;margin-bottom:1.5rem}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:10px;min-height:180px}.chart-icon{font-size:48px;color:#5cb039;margin-bottom:1rem}.chart-placeholder p{color:#64748b;font-weight:600;margin:.25rem 0}.section-subtitle{font-size:1.4rem;font-weight:700;color:#1a202c;margin-bottom:1.25rem;margin-top:2.5rem}.top-content-section{background:#fff;padding:2rem;border-radius:14px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem}.top-content-list{display:flex;flex-direction:column;gap:1rem}.top-content-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8fafc;border-radius:10px;border:2px solid transparent;transition:all .2s ease}.top-content-item:hover{background:#fff;border-color:#5cb039;box-shadow:0 4px 12px #5cb03926}.content-info{flex:1}.content-title{font-weight:600;color:#1a202c;margin-bottom:.25rem}.content-meta{color:#64748b;font-size:.9rem;text-transform:capitalize}.content-stats{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:#5cb039}.dashboard-title{font-size:2.5rem;font-weight:800;color:#1a1a1a;margin-bottom:.5rem;letter-spacing:-.02em}.dashboard-subtitle{font-size:1.125rem;color:#64748b;font-weight:500}.tab-navigation{display:flex;gap:1rem;margin-bottom:3rem;background:#fff;padding:.75rem;border-radius:16px;box-shadow:0 4px 20px #00000014;max-width:500px;margin-left:auto;margin-right:auto}.tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:12px;font-weight:600;font-size:1rem;color:#64748b;cursor:pointer;transition:all .3s ease}.tab-btn:hover{background:#f1f5f9;color:#5cb039}.tab-btn.active{background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;box-shadow:0 4px 15px #5cb0394d}.tab-btn .material-icons{font-size:24px}.upload-section{margin-bottom:3rem}.upload-card{background:#fff;border-radius:20px;padding:3rem;box-shadow:0 10px 40px #00000014;border:2px solid rgba(125,204,92,.1)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f1f5f9}.card-icon{font-size:36px;color:#5cb039}.card-title{font-size:1.75rem;font-weight:700;color:#1a1a1a}.upload-form{max-width:900px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.file-upload-wrapper{position:relative}.file-upload-wrapper input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.file-upload-display{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;transition:all .3s ease}.file-upload-wrapper:hover .file-upload-display{border-color:#5cb039;background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.file-upload-display .material-icons{font-size:28px;color:#5cb039}.file-name{font-size:.95rem;color:#64748b;font-weight:500}.upload-progress{margin:2rem 0}.progress-bar{width:100%;height:12px;background:#e2e8f0;border-radius:20px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#7dcc5c,#5cb039);border-radius:20px;transition:width .3s ease;box-shadow:0 0 10px #5cb03980}.progress-text{display:block;text-align:center;font-weight:700;font-size:1.125rem;color:#5cb039}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #5cb0394d;margin-top:2rem}.submit-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 10px 30px #5cb03966}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.submit-btn .material-icons{font-size:24px}.stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.stat-card{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000f;border:2px solid rgba(125,204,92,.1);transition:all .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #5cb03926;border-color:#7dcc5c4d}.stat-icon{font-size:48px;color:#5cb039;background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:1rem;border-radius:12px}.stat-content{flex:1}.stat-number{font-size:2rem;font-weight:800;color:#1a1a1a;display:block;margin-bottom:.25rem}.stat-label{font-size:.95rem;color:#64748b;font-weight:600}.content-stats .material-icons{font-size:20px}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e2e8f0}.modal-header h2{font-size:1.75rem;font-weight:700;color:#1a202c}.close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#fee2e2;color:#ef4444}.close-btn .material-icons{font-size:24px;color:#64748b}.close-btn:hover .material-icons{color:#ef4444}.modal-body{padding:2rem}.form-section-title{font-size:1.1rem;font-weight:700;color:#334155;margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 2rem 2rem;border-top:2px solid #e2e8f0}.cancel-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.save-btn{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5cb0394d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5cb03966}.header-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:.75rem;background:#fff;padding:.75rem 1.25rem;border:2px solid #e2e8f0;border-radius:10px;min-width:300px;transition:all .2s ease}.search-box:focus-within{border-color:#5cb039;box-shadow:0 0 0 3px #5cb0391a}.search-box .material-icons{color:#94a3b8;font-size:20px}.search-box input{border:none;outline:none;background:transparent;font-size:1rem;color:#1a202c;flex:1;min-width:0}.search-box input::placeholder{color:#94a3b8}.section-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.add-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #5cb0394d;white-space:nowrap}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5cb03966}.add-btn .material-icons{font-size:20px}.social-links{display:flex;gap:.5rem;align-items:center}.social-icon{font-size:18px!important;color:#64748b;cursor:pointer;transition:color .2s ease}.social-icon:hover{color:#5cb039}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:1024px){.form-row{grid-template-columns:1fr;gap:1.5rem}.stats-section{grid-template-columns:1fr}}@media(max-width:768px){.admin-header-content{flex-direction:column;gap:1rem;text-align:center}.admin-logo{font-size:1.5rem}.dashboard-title{font-size:2rem}.upload-card{padding:2rem 1.5rem}.tab-navigation{flex-direction:column;max-width:100%}.back-btn span:not(.material-icons){display:none}}@media(max-width:480px){.admin-main{padding:2rem 1rem}.upload-card{padding:1.5rem 1rem}.card-header,.stat-card{flex-direction:column;text-align:center}}.admin-logo-image{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}.articles-page{min-height:100vh;background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.articles-page.dark .theme-toggle:hover{background:#334155}.articles-page.dark{background:#0f172a;color:#f1f5f9}.theme-toggle{padding:.5rem;border:none;background:transparent;border-radius:9999px;cursor:pointer;transition:background .3s}.theme-toggle:hover{background:#f1f5f9}.theme-toggle .material-icons{font-size:1.25rem}.language-selector{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;color:#64748b}.language-selector .material-icons{font-size:.875rem}.articles-page.dark .profile-dropdown{background:#1e293b;box-shadow:0 4px 20px #0000004d}.articles-header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000d}.articles-header-content{max-width:1400px;margin:0 auto;padding:1.25rem 2rem;display:flex;align-items:center;justify-content:space-between}.articles-logo-container{display:flex;align-items:center;gap:.75rem}.articles-logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#7dcc5c,#5cb039);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5cb0394d}.articles-logo-icon .material-icons{font-size:24px;color:#fff}.articles-logo{font-size:1.375rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:-.025em}.articles-logo-highlight{color:#5cb039}.articles-nav{display:flex;gap:2rem}.articles-nav-link{font-size:.95rem;font-weight:600;color:#4a5568;text-decoration:none;transition:color .3s;position:relative}.articles-nav-link:hover,.articles-nav-link.active{color:#5cb039}.articles-nav-link.active:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,#7dcc5c,#5cb039);border-radius:2px}.articles-header-actions{display:flex;gap:1rem}.articles-login-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.5rem;background:linear-gradient(135deg,#5cb039,#7dcc5c);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #5cb0394d}.articles-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #5cb03966}.back-to-articles-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .3s ease}.back-to-articles-btn:hover{border-color:#5cb039;color:#5cb039;transform:translateY(-2px)}.articles-hero{background:linear-gradient(135deg,#0f172a,#1e293b 40%,#064e3b);padding:5rem 2rem;text-align:center;position:relative;overflow:hidden}.articles-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(125,204,92,.15) 0%,transparent 70%)}.articles-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.articles-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(125,204,92,.4);border-radius:50px;color:#fff;font-weight:600;font-size:.95rem;margin-bottom:2rem}.articles-hero-title{font-size:3rem;font-weight:800;color:#fff;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}.articles-hero-subtitle{font-size:1.25rem;color:#ffffffd9;line-height:1.6}.featured-section{padding:5rem 2rem;background:#f8fffe}.articles-container{max-width:1400px;margin:0 auto}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.featured-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 8px 30px #00000014;border:2px solid rgba(125,204,92,.1);transition:all .3s ease;cursor:pointer}.featured-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #5cb03933;border-color:#7dcc5c4d}.featured-category{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50px;font-size:.875rem;font-weight:600;color:#5cb039;text-transform:capitalize;margin-bottom:1.5rem}.featured-category .material-icons{font-size:18px}.featured-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:1rem;line-height:1.3}.featured-subtitle{font-size:1rem;color:#64748b;margin-bottom:1.5rem;line-height:1.6}.featured-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#94a3b8;margin-bottom:1.5rem}.read-article-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease}.read-article-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5cb0394d}.read-article-btn .material-icons{transition:transform .3s ease}.read-article-btn:hover .material-icons{transform:translate(4px)}.articles-filter-section{padding:4rem 2rem;background:#fff}.filter-heading{font-size:1.75rem;font-weight:700;color:#1a1a1a;margin-bottom:2rem;text-align:center}.articles-category-filters{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.articles-filter-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:50px;font-weight:600;font-size:.95rem;color:#4a5568;cursor:pointer;transition:all .3s ease}.articles-filter-btn:hover{border-color:#5cb039;color:#5cb039;transform:translateY(-2px);box-shadow:0 4px 12px #5cb03933}.articles-filter-btn.active{background:linear-gradient(135deg,#7dcc5c,#5cb039);border-color:#5cb039;color:#fff;box-shadow:0 4px 15px #5cb0394d}.articles-filter-btn .material-icons{font-size:20px}.articles-list-section{padding:4rem 2rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.article-card{border-radius:16px;box-shadow:0 4px 20px #0000000f;border:2px solid #f1f5f9;transition:all .3s ease;cursor:pointer;overflow:hidden}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #5cb03926;border-color:#7dcc5c4d}.article-card-image{position:relative;width:100%;height:220px;overflow:hidden}.article-card-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .3s ease}.article-card:hover .article-card-image img{transform:scale(1.05)}.article-card-content{padding:2rem}.article-card-category{position:absolute;top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;font-size:.8125rem;font-weight:600;color:#5cb039;text-transform:capitalize;box-shadow:0 2px 8px #0000001a}.article-card-category .material-icons{font-size:16px}.article-card-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;line-height:1.4}.article-card-excerpt{font-size:.9375rem;color:#4a5568;line-height:1.6;margin-bottom:1.5rem}.article-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #f1f5f9}.article-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#94a3b8}.article-card-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .3s ease}.article-card-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5cb0394d}.article-card-btn .material-icons{font-size:16px}.article-full{padding:4rem 2rem;background:#fff}.article-container{max-width:900px;margin:0 auto}.article-header-section{margin-bottom:3rem}.article-category-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50px;font-size:.9375rem;font-weight:600;color:#5cb039;text-transform:capitalize;margin-bottom:2rem}.article-category-badge .material-icons{font-size:20px}.article-full-title{font-size:3rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;line-height:1.2;letter-spacing:-.02em}.article-full-subtitle{font-size:1.5rem;color:#64748b;margin-bottom:2rem;line-height:1.4;font-weight:500}.article-meta-info{display:flex;align-items:center;gap:2rem;padding:1.5rem 0;border-top:2px solid #f1f5f9;border-bottom:2px solid #f1f5f9}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:#64748b;font-weight:500}.meta-item .material-icons{font-size:18px;color:#5cb039}.article-featured-image{width:100%;max-height:500px;overflow:hidden;border-radius:16px;margin:2rem 0 3rem;box-shadow:0 10px 40px #0000001a}.article-featured-image img{width:100%;height:100%;object-fit:cover;object-position:top}.article-body{margin:3rem 0}.article-html-content{font-size:1.125rem;line-height:2;color:#334155}.article-html-content p{margin-bottom:1.75rem;line-height:2}.article-html-content h1,.article-html-content h2,.article-html-content h3,.article-html-content h4{margin-top:2rem;margin-bottom:1rem;line-height:1.4;color:#1a1a1a}.article-html-content ul,.article-html-content ol{margin-bottom:1.75rem;padding-left:1.5rem}.article-html-content li{margin-bottom:.6rem;line-height:2}.article-paragraph{font-size:1.125rem;line-height:1.8;color:#334155;margin-bottom:1.75rem}.article-paragraph:first-child{font-size:1.25rem;font-weight:500;color:#1a1a1a}.article-footer-section{margin-top:4rem;padding-top:3rem;border-top:2px solid #f1f5f9}.article-share h3{font-size:1.25rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.share-buttons{display:flex;gap:1rem}.share-btn{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;cursor:pointer;transition:all .3s ease}.share-btn:hover{background:linear-gradient(135deg,#7dcc5c,#5cb039);border-color:#5cb039;transform:translateY(-3px);box-shadow:0 4px 12px #5cb0394d}.share-btn:hover .material-icons{color:#fff}.share-btn .material-icons{font-size:22px;color:#5cb039;transition:color .3s}.articles-cta-section{padding:5rem 2rem;background:linear-gradient(135deg,#0f172a,#1e293b 40%,#064e3b);text-align:center}.articles-cta-content{max-width:700px;margin:0 auto}.cta-heading{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:1.5rem}.cta-text{font-size:1.25rem;color:#ffffffd9;margin-bottom:3rem;line-height:1.7}.cta-action-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-action-btn{display:flex;align-items:center;gap:.75rem;padding:1.125rem 2.5rem;border:none;border-radius:50px;font-weight:700;font-size:1.125rem;cursor:pointer;margin-top:3rem;transition:all .3s ease}.cta-action-btn.primary{background:linear-gradient(135deg,#7dcc5c,#5cb039);color:#fff;box-shadow:0 6px 20px #5cb03966}.cta-action-btn.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #5cb03980}.cta-action-btn.secondary{background:#fff;color:#1a1a1a;box-shadow:0 6px 20px #fff3}.cta-action-btn.secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #ffffff4d}.cta-action-btn .material-icons{font-size:22px}@media(max-width:1024px){.featured-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.articles-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.article-full-title{font-size:2.25rem}}@media(max-width:768px){.articles-nav{display:none}.articles-hero-title{font-size:2.25rem}.article-full-title{font-size:1.875rem}.article-full-subtitle{font-size:1.25rem}.article-paragraph{font-size:1rem}.featured-grid,.articles-grid{grid-template-columns:1fr}.cta-heading{font-size:2rem}.cta-action-buttons{flex-direction:column}.cta-action-btn{width:100%;justify-content:center}.articles-category-filters{flex-direction:column}.articles-filter-btn{width:100%;justify-content:center}}@media(max-width:480px){.articles-header-content{flex-direction:column;gap:1rem}.articles-hero-title{font-size:1.875rem}.article-full-title{font-size:1.5rem}.article-meta-info{flex-direction:column;gap:1rem;align-items:flex-start}}.podcast-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);transition:all .3s ease}.podcast-page.dark{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}.header{background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000000d;position:sticky;top:0;z-index:100;transition:all .3s ease;height:80px}.dark .header{background:#0f172afa;box-shadow:0 2px 20px #0000004d}.logo-container{display:flex;align-items:center;gap:.75rem}.logo-icon{width:40px;height:40px;background:green;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0080004d}.logo-icon .material-icons{color:#fff;font-size:24px}.dark .logo{color:#f1f5f9}.logo-highlight{color:green}.desktop-nav{display:flex;gap:2rem;align-items:center;height:40px}.nav-link{color:#64748b;text-decoration:none;font-weight:500;transition:all .3s ease;padding:.5rem 1rem;border-radius:8px;height:40px;display:flex;align-items:center}.nav-link:hover{color:#5cb039;background:#5cb0391a}.nav-link.active{color:#5cb039;background:#5cb03926}.dark .nav-link{color:#94a3b8}.dark .nav-link:hover{color:#5cb039;background:#5cb03933}.header-actions{display:flex;gap:1rem;align-items:center;height:40px}.user-profile-container{position:relative}.user-profile-btn{width:40px;height:40px;border-radius:50%;border:none;background:#5cb0391a;color:#5cb039;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.user-profile-btn:hover{transform:scale(1.05);background:#5cb03933}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000001f;min-width:200px;overflow:hidden;animation:dropdownSlide .3s ease;z-index:1000}.dark .profile-dropdown{background:#1e293b;box-shadow:0 8px 32px #00000080}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:.75rem 1rem;border:none;background:none;display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#64748b;transition:all .2s ease;font-size:.9rem}.dropdown-item:hover{background:#5cb0391a;color:#5cb039}.dark .dropdown-item{color:#94a3b8}.dark .dropdown-item:hover{background:#5cb03933;color:#5cb039}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a;color:#ef4444}.admin-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;height:40px;box-shadow:0 2px 8px #3b82f64d}.admin-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.login-btn{padding:.5rem 1.5rem;background:linear-gradient(135deg,#5cb039,#4a9c2f);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;transition:all .3s ease;height:40px;box-shadow:0 2px 8px #5cb0394d}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5cb03966}.mobile-menu{display:none;width:40px;height:40px;border:none;background:#5cb0391a;color:#5cb039;border-radius:8px;cursor:pointer;align-items:center;justify-content:center}.podcast-hero{position:relative;padding:6rem 2rem;background:linear-gradient(135deg,#5cb039,#4a9c2f);overflow:hidden}.podcast-hero-overlay{position:absolute;inset:0;background:url(/assets/images/pattern.svg);opacity:.1}.podcast-hero-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.podcast-icon-large{width:100px;height:100px;margin:0 auto 2rem;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.podcast-icon-large .material-icons{font-size:60px;color:#fff}.podcast-hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin:0 0 1rem;text-shadow:0 4px 20px rgba(0,0,0,.2)}.podcast-hero-subtitle{font-size:1.25rem;color:#fffffff2;max-width:600px;margin:0 auto;line-height:1.6}.podcast-filter-section{padding:3rem 2rem 2rem}.podcast-container{max-width:1400px;margin:0 auto}.filter-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 2rem;text-align:center}.dark .filter-title{color:#f1f5f9}.category-filters{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:2px solid #e2e8f0;background:#fff;color:#64748b;border-radius:12px;cursor:pointer;font-weight:500;transition:all .3s ease}.filter-btn:hover{border-color:#5cb039;color:#5cb039;transform:translateY(-2px);box-shadow:0 4px 12px #5cb03933}.filter-btn.active{background:linear-gradient(135deg,#5cb039,#4a9c2f);border-color:#5cb039;color:#fff;box-shadow:0 4px 12px #5cb0394d}.dark .filter-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.dark .filter-btn:hover{border-color:#5cb039;color:#5cb039}.dark .filter-btn.active{background:linear-gradient(135deg,#5cb039,#4a9c2f);border-color:#5cb039;color:#fff}.podcast-episodes-section{padding:2rem 2rem 4rem}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.episode-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease;border:2px solid transparent;display:flex;flex-direction:column}.episode-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000001f;border-color:#5cb039}.episode-card.playing{border-color:#5cb039;box-shadow:0 8px 32px #5cb0394d}.dark .episode-card{background:#1e293b;box-shadow:0 4px 20px #0000004d}.dark .episode-card:hover{box-shadow:0 8px 32px #00000080}.episode-image-container{position:relative;width:100%;height:220px;overflow:hidden}.episode-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.episode-card:hover .episode-image{transform:scale(1.05)}.episode-content{padding:1.5rem;display:flex;flex-direction:column;flex:1;min-height:0}.episode-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.episode-icon{width:60px;height:60px;background:linear-gradient(135deg,#5cb039,#4a9c2f);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #5cb0394d}.episode-icon .material-icons{font-size:32px;color:#fff}.episode-category-badge{position:absolute;top:1rem;right:1rem;padding:.4rem 1rem;background:#5cb039f2;color:#fff;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0003}.episode-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .episode-title{color:#f1f5f9}.episode-description{color:#64748b;line-height:1.6;margin:0 0 1.5rem;font-size:.95rem;flex:1}.dark .episode-description{color:#94a3b8}.episode-meta{display:flex;gap:1.5rem;margin-bottom:1.5rem}.episode-duration,.episode-date{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.9rem}.dark .episode-duration,.dark .episode-date{color:#94a3b8}.episode-duration .material-icons,.episode-date .material-icons{font-size:18px}.episode-actions{display:flex;gap:.75rem;align-items:center;margin-top:auto}.play-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#5cb039,#4a9c2f);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.play-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5cb03966}.play-btn .material-icons{font-size:24px}.comment-count-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;gap:.25rem;background:#5cb0391a;color:#5cb039;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;flex-direction:column;font-size:.75rem}.comment-count-btn:hover{background:#5cb03933;transform:translateY(-2px)}.comment-count-btn .material-icons{font-size:20px}.dark .comment-count-btn{background:#5cb03933}.toggle-comments-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease}.toggle-comments-btn.enabled{background:#5cb0391a;color:#5cb039}.toggle-comments-btn.disabled{background:#ef44441a;color:#ef4444}.toggle-comments-btn:hover{transform:translateY(-2px)}.podcast-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.podcast-modal{background:#fff;border-radius:24px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;padding:2rem}.dark .podcast-modal{background:#1e293b}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border:none;background:#0000001a;color:#64748b;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.modal-close:hover{background:#ef44441a;color:#ef4444;transform:rotate(90deg)}.modal-content{padding:3rem}.modal-header{display:flex;gap:1.5rem;margin-bottom:2rem}.modal-icon{width:80px;height:80px;background:linear-gradient(135deg,#5cb039,#4a9c2f);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #5cb0394d;flex-shrink:0}.modal-icon .material-icons{font-size:48px;color:#fff}.modal-info{flex:1}.modal-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 1rem;line-height:1.3}.dark .modal-title{color:#f1f5f9}.modal-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.modal-category,.modal-duration,.modal-date{padding:.4rem .8rem;background:#5cb0391a;color:#5cb039;border-radius:8px;font-size:.85rem;font-weight:600}.dark .modal-category,.dark .modal-duration,.dark .modal-date{background:#5cb03933}.modal-description{color:#64748b;line-height:1.7;margin:0 0 2rem;font-size:1rem}.dark .modal-description{color:#94a3b8}.audio-player{margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px}.dark .audio-player{background:linear-gradient(135deg,#0f172a,#1e293b)}.audio-element{width:100%;height:60px;border-radius:12px;outline:none}.comments-section{border-top:2px solid #e2e8f0;padding-top:2rem}.dark .comments-section{border-top-color:#334155}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.comments-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.dark .comments-title{color:#f1f5f9}.disable-comments-btn,.enable-comments-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.disable-comments-btn{background:#ef44441a;color:#ef4444}.disable-comments-btn:hover{background:#ef444433;transform:translateY(-2px)}.enable-comments-btn{background:#5cb0391a;color:#5cb039}.enable-comments-btn:hover{background:#5cb03933;transform:translateY(-2px)}.add-comment{display:flex;gap:1rem;margin-bottom:2rem}.comment-avatar{flex-shrink:0}.comment-avatar .material-icons{font-size:40px;color:#5cb039}.comment-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.75rem}.comment-input{width:100%;padding:1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;transition:all .3s ease;background:#fff;color:#1e293b}.comment-input:focus{outline:none;border-color:#5cb039;box-shadow:0 0 0 3px #5cb0391a}.dark .comment-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.dark .comment-input:focus{border-color:#5cb039;box-shadow:0 0 0 3px #5cb03933}.submit-comment-btn{align-self:flex-end;display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#5cb039,#4a9c2f);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease}.submit-comment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #5cb03966}.submit-comment-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:1.5rem}.no-comments{text-align:center;padding:3rem;color:#94a3b8}.no-comments .material-icons{font-size:64px;margin-bottom:1rem;opacity:.5}.comment-item{display:flex;gap:1rem;padding:1.5rem;background:#5cb0390d;border-radius:12px;transition:all .3s ease}.comment-item:hover,.dark .comment-item{background:#5cb0391a}.dark .comment-item:hover{background:#5cb03926}.comment-content{flex:1}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-author{font-weight:600;color:#1e293b}.dark .comment-author{color:#f1f5f9}.comment-timestamp{font-size:.85rem;color:#94a3b8}.comment-text{color:#64748b;line-height:1.6;margin:0}.dark .comment-text{color:#94a3b8}.comments-disabled{text-align:center;padding:3rem;border-top:2px solid #e2e8f0}.dark .comments-disabled{border-top-color:#334155}.comments-disabled .material-icons{font-size:64px;color:#94a3b8;margin-bottom:1rem}.comments-disabled p{color:#64748b;font-size:1.1rem;margin:0 0 1.5rem}.dark .comments-disabled p{color:#94a3b8}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.footer-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem}.footer-description{line-height:1.6;margin:0}.footer-heading{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem}.social-icons{display:flex;gap:1rem}.social-icon{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-icon:hover{background:#10b981;transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.desktop-nav{display:none}.mobile-menu{display:flex}.podcast-hero-title{font-size:2.5rem}.episodes-grid{grid-template-columns:1fr}.modal-content{padding:2rem 1.5rem}.modal-header{flex-direction:column;align-items:center;text-align:center}.episode-actions{flex-direction:column}.comment-count-btn,.toggle-comments-btn{width:100%}}.status-message{text-align:center;padding:20px;font-size:16px}.status-message.error{color:red}.comments{margin-top:2rem;padding:1.5rem;border-radius:12px;background:#f9fafb}.comments__header{display:flex;justify-content:space-between;align-items:center}.comments__title{display:flex;gap:.5rem;font-size:1.2rem}.comments__composer{display:flex;gap:1rem;margin-top:1rem}.comments__avatar{font-size:36px;color:#6b7280}.comments__input-group{flex:1}.comments__input{width:100%;padding:.75rem;border-radius:8px;border:1px solid #e5e7eb;resize:none}.comments__submit{margin-top:.5rem;display:flex;gap:.3rem;align-items:center}.comments__list{margin-top:1.5rem}.comment{display:flex;gap:.75rem;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.comment__body{flex:1}.comment__meta{display:flex;justify-content:space-between;font-size:.8rem;color:#6b7280}.comment__text{margin-top:.25rem}.comments__empty,.comments--disabled{text-align:center;padding:2rem;color:#6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}