.header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);border-top:4px solid var(--color-primary-blue);position:sticky;top:0;z-index:100;height:64px;display:flex;align-items:center}.header-container{display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:10px;color:#0b1c3c;text-decoration:none}.logo-link:hover{text-decoration:none}.logo-img{height:40px;width:auto;display:block}.logo-text strong{font-weight:800}.header-nav{display:flex;align-items:center;gap:20px}.nav-link{color:var(--color-text-main);font-size:.85rem;font-weight:500;letter-spacing:.02em}.nav-link:hover{color:var(--color-primary-blue);text-decoration:none}.footer{background-color:var(--color-white);padding:60px 0 40px;margin-top:auto}.footer-container{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.footer-links{display:flex;gap:32px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.footer-links a{color:var(--color-text-main);font-size:.85rem;font-weight:500;letter-spacing:.02em;transition:color .2s ease,transform .2s ease}.footer-links a:hover{color:var(--color-primary-blue);text-decoration:none;transform:translateY(-1px)}.footer-divider{width:100%;max-width:800px;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:16px 0}.footer-copy{color:var(--color-text-muted);font-size:.8rem}@media (max-width: 768px){.footer-links{gap:16px;flex-direction:column}}.home-page{display:flex;flex-direction:column}.hero{background:var(--color-bg-gradient);padding:100px 20px;text-align:center;border-bottom:1px solid var(--color-border)}.hero-title{font-size:2.5rem;color:var(--color-text-main);margin-bottom:10px}.hero-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:40px}.search-bar-wrapper{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:20px;color:var(--color-text-muted)}.search-input{width:100%;padding:16px 20px 16px 50px;font-size:1.1rem;border:1px solid var(--color-border);border-radius:30px;outline:none;box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease}.search-input:focus{border-color:var(--color-primary-blue);box-shadow:0 0 0 3px #0070f333}.categories-section{padding:60px 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.category-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:30px 24px;text-decoration:none;color:var(--color-text-main);box-shadow:var(--shadow-sm);transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;transition:background .25s ease}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:#cbd5e1;text-decoration:none}.category-card:hover:before{background:var(--color-primary-blue)}.category-title{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:var(--color-text-main)}.category-desc{font-size:.95rem;color:var(--color-text-muted);line-height:1.5}@media (max-width: 768px){.hero-title{font-size:2rem}.hero{padding:60px 20px}}.category-page{display:flex;flex-direction:column}.category-header{background:var(--color-bg-gradient);border-bottom:1px solid var(--color-border);padding:40px 0;margin-bottom:40px}.breadcrumb-link{color:var(--color-primary-blue);font-size:.9rem;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{margin:0 8px;color:var(--color-text-muted);font-size:.9rem}.breadcrumb-current{color:var(--color-text-muted);font-size:.9rem}.category-header .category-title{font-size:2rem;margin-top:16px;margin-bottom:8px}.category-header .category-desc{font-size:1.1rem;color:var(--color-text-muted)}.category-content{display:flex;flex-direction:column}.sections-list{display:flex;flex-direction:column;gap:40px}.section-block{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:32px;box-shadow:var(--shadow-sm);transition:box-shadow .25s ease}.section-block:hover{box-shadow:var(--shadow-md)}.section-title{font-size:1.5rem;margin-bottom:8px;color:var(--color-text-main)}.section-desc{color:var(--color-text-muted);margin-bottom:24px}.articles-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.article-item{display:flex;align-items:center}.article-link{display:flex;align-items:center;gap:12px;color:var(--color-primary-blue);font-size:1.05rem;text-decoration:none;padding:8px 0;transition:color .2s ease}.article-link:hover{color:var(--color-primary-blue-hover);text-decoration:underline}.article-icon{font-size:1.2rem;opacity:.7}.article-item.empty{color:var(--color-text-muted);font-style:italic;padding:8px 0}.error-container{padding:80px 20px;text-align:center}.back-link{display:inline-block;margin-top:16px;color:var(--color-primary-blue);font-weight:500}@media (max-width: 768px){.category-header .category-title{font-size:1.5rem}.section-block{padding:24px 20px}}.article-page{display:flex;flex-direction:column}.article-header{background:var(--color-bg-gradient);border-bottom:1px solid var(--color-border);padding:40px 0;margin-bottom:40px}.breadcrumbs{margin-bottom:24px}.article-title{font-size:2.25rem;margin-bottom:16px;color:var(--color-text-main);line-height:1.3}.article-meta{font-size:.9rem;color:var(--color-text-muted)}.article-content-wrapper{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:40px;box-shadow:var(--shadow-sm);margin-bottom:40px}.article-footer{text-align:center;padding:20px 0 40px;border-top:1px solid var(--color-border)}.feedback-buttons{display:flex;gap:16px;justify-content:center;margin-top:16px;margin-bottom:24px}.btn-feedback{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:4px;padding:8px 32px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-feedback:hover{border-color:var(--color-primary-blue);color:var(--color-primary-blue)}.original-link{color:var(--color-text-muted);font-size:.85rem}.original-link:hover{color:var(--color-primary-blue);text-decoration:underline}@media (max-width: 768px){.article-title{font-size:1.75rem}.article-content-wrapper{padding:24px 20px}.article-content img{max-width:100%;height:auto!important}.article-content table{display:block;overflow-x:auto}}:root{--color-primary-blue: #0070f3;--color-primary-blue-hover: #0056b3;--color-white: #ffffff;--color-bg-light: #f8fafc;--color-bg-gradient: linear-gradient(135deg, #f8fafc 0%, #eef2f6 100%);--color-text-main: #0f172a;--color-text-muted: #64748b;--color-border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .03);--shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--max-width: 1200px;--border-radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg-light);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary-blue);text-decoration:none;transition:color .2s ease}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:.5em;color:var(--color-text-main)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-bottom:80px}.article-content{font-size:16px;line-height:1.8;color:var(--color-text-main)}.article-content p{margin-bottom:1.5em;text-align:justify}.article-content ul,.article-content ol{margin-bottom:1.5em;padding-left:20px}.article-content li{margin-bottom:.5em}.article-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:1.5em 0}