:root{--color-orange: #EB7722;--color-orange-light: #f59a52;--color-purple: #9A418B;--color-purple-light: #b55fa6;--color-teal-light: #7CD1D6;--color-teal: #31C2CB;--color-teal-dark: #12A2AB;--color-teal-darker: #137D84;--color-white: #FFFFFF;--color-off-white: #F8F9FA;--color-gray-100: #F1F3F5;--color-gray-200: #E9ECEF;--color-gray-300: #DEE2E6;--color-gray-400: #CED4DA;--color-gray-500: #ADB5BD;--color-gray-600: #868E96;--color-gray-700: #495057;--color-gray-800: #343A40;--color-gray-900: #212529;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:var(--color-gray-900)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}a{color:var(--color-teal-dark);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-teal-darker)}img{max-width:100%;height:auto}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-teal) 0%,var(--color-teal-dark) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff}.nav{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{color:var(--color-gray-700);font-weight:500;padding:var(--spacing-sm) 0;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-teal-dark)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-teal)}.cms-toggle{background:var(--color-purple);color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-sm);transition:background var(--transition-fast)}.cms-toggle:hover{background:var(--color-purple-light)}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-3xl) 0 var(--spacing-xl);margin-top:var(--spacing-3xl)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl)}.footer-section h4{color:var(--color-white);margin-bottom:var(--spacing-md);font-size:var(--font-size-lg)}.footer-section p,.footer-section a{color:var(--color-gray-400);font-size:var(--font-size-sm);line-height:1.8}.footer-section a:hover{color:var(--color-teal-light)}.footer-bottom{border-top:1px solid var(--color-gray-700);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-gray-500)}.hero{background:linear-gradient(135deg,var(--color-teal-darker) 0%,var(--color-teal-dark) 50%,var(--color-teal) 100%);color:#fff;padding:var(--spacing-3xl) 0;text-align:center}.hero h1{color:#fff;margin-bottom:var(--spacing-md)}.hero p{font-size:var(--font-size-lg);opacity:.9;max-width:600px;margin:0 auto var(--spacing-xl)}.hero-btn{display:inline-block;background:var(--color-orange);color:#fff;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;transition:all var(--transition-fast)}.hero-btn:hover{background:var(--color-orange-light);color:#fff;transform:translateY(-2px)}.card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.news-card{cursor:pointer}.news-card-image{aspect-ratio:16/6;width:100%;object-fit:cover;background:var(--color-gray-200)}.news-card-content{padding:var(--spacing-lg)}.news-card-category{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.news-card-category.news{background:var(--color-teal-light);color:var(--color-teal-darker)}.news-card-category.podcast{background:var(--color-purple);color:#fff}.news-card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);line-height:1.4}.news-card-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.grid{display:grid;gap:var(--spacing-xl)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.section{padding:var(--spacing-3xl) 0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.section-title{font-size:var(--font-size-2xl)}.filter-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.filter-tab{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;color:var(--color-gray-600);background:var(--color-gray-100);transition:all var(--transition-fast)}.filter-tab:hover{background:var(--color-gray-200)}.filter-tab.active{background:var(--color-teal);color:#fff}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;margin-bottom:var(--spacing-sm);color:var(--color-gray-700)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-teal)}.form-textarea{resize:vertical;min-height:120px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-fast)}.btn-primary{background:var(--color-teal);color:#fff}.btn-primary:hover{background:var(--color-teal-dark)}.btn-secondary{background:var(--color-gray-200);color:var(--color-gray-700)}.btn-secondary:hover{background:var(--color-gray-300)}.btn-orange{background:var(--color-orange);color:#fff}.btn-orange:hover{background:var(--color-orange-light)}.podcast-player{background:linear-gradient(135deg,var(--color-purple) 0%,var(--color-teal-darker) 100%);border-radius:var(--radius-lg);padding:var(--spacing-xl);color:#fff}.podcast-player-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:#fff}.podcast-controls{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.play-btn{width:56px;height:56px;border-radius:50%;background:var(--color-orange);color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.play-btn:hover{background:var(--color-orange-light);transform:scale(1.05)}.progress-container{flex:1}.progress-bar{width:100%;height:6px;background:#ffffff4d;border-radius:3px;cursor:pointer;overflow:hidden}.progress-fill{height:100%;background:var(--color-orange);border-radius:3px;transition:width var(--transition-fast)}.time-display{font-size:var(--font-size-sm);opacity:.8}.share-buttons{display:flex;gap:var(--spacing-sm)}.share-btn{width:40px;height:40px;border-radius:var(--radius-md);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.share-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.forum-post{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.forum-post-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.forum-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-teal) 0%,var(--color-teal-dark) 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600}.forum-post-meta{flex:1}.forum-post-author{font-weight:600;color:var(--color-gray-800)}.forum-post-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.forum-post-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);color:var(--color-gray-900)}.forum-post-preview{color:var(--color-gray-600);margin-bottom:var(--spacing-md)}.forum-post-footer{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-gray-500)}.forum-stat{display:flex;align-items:center;gap:var(--spacing-xs)}.comment{padding:var(--spacing-md);border-left:3px solid var(--color-teal-light);background:var(--color-gray-100);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--spacing-md)}.comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.comment-author{font-weight:600;font-size:var(--font-size-sm)}.comment-date{font-size:var(--font-size-xs);color:var(--color-gray-500)}.comment-content{font-size:var(--font-size-sm);color:var(--color-gray-700)}.cms-overlay{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--color-white);box-shadow:-4px 0 24px #0000001a;z-index:200;overflow-y:auto;transform:translate(100%);transition:transform var(--transition-base)}.cms-overlay.open{transform:translate(0)}.cms-backdrop{position:fixed;inset:0;background:#0006;z-index:199;opacity:0;visibility:hidden;transition:all var(--transition-base)}.cms-backdrop.open{opacity:1;visibility:visible}.cms-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--color-purple);color:#fff}.cms-header h3{color:#fff}.cms-close{color:#fff;padding:var(--spacing-sm)}.cms-content{padding:var(--spacing-lg)}.cms-item{padding:var(--spacing-md);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.cms-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.cms-item-title{font-weight:600;font-size:var(--font-size-sm)}.cms-item-actions{display:flex;gap:var(--spacing-xs)}.cms-item-actions button{padding:var(--spacing-xs);color:var(--color-gray-500);transition:color var(--transition-fast)}.cms-item-actions button:hover{color:var(--color-gray-800)}.cms-item-actions button.delete:hover{color:#dc3545}.article-hero{aspect-ratio:16/6;width:100%;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.article-header{margin-bottom:var(--spacing-2xl)}.article-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-md);line-height:1.2}.article-meta{display:flex;align-items:center;gap:var(--spacing-lg);color:var(--color-gray-500);font-size:var(--font-size-sm)}.article-content{max-width:800px;font-size:var(--font-size-lg);line-height:1.8}.article-content p{margin-bottom:var(--spacing-lg)}.page-header{text-align:center;padding:var(--spacing-3xl) 0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.page-header h1{margin-bottom:var(--spacing-md)}.page-header p{color:var(--color-gray-600);max-width:600px;margin:0 auto}.content-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm)}.mobile-menu-btn{display:none;padding:var(--spacing-sm);color:var(--color-gray-700)}@media(max-width:768px){.nav{display:none}.mobile-menu-btn{display:block}.nav.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--color-white);padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-lg)}.hero h1{font-size:var(--font-size-3xl)}.grid-3{grid-template-columns:1fr}.cms-overlay{width:100%}.article-title{font-size:var(--font-size-2xl)}}