:root{--primary:#f59e0b;--primary-dark:#d97706;--secondary:#0f172a;--secondary-light:#334155;--accent:#6366f1;--bg-main:#f8fafc;--bg-card:#ffffff;--text-main:#1e293b;--text-muted:#64748b;--border:rgba(226,232,240,0.8);--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--glass:rgba(255,255,255,0.8);--blur:blur(12px)}*{box-sizing:border-box;padding:0;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Outfit,sans-serif;color:var(--text-main);background:var(--bg-main);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}a{color:inherit;text-decoration:none;transition:all .2s ease}header.main-header{background:var(--glass);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:1000;height:80px;display:flex;align-items:center}header.main-header .container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.5rem;font-weight:800;color:var(--secondary);letter-spacing:-.04em;display:flex;align-items:center;gap:.5rem}.logo span{color:var(--primary)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-link{font-size:.95rem;font-weight:600;color:var(--text-muted);position:relative}.nav-link:hover{color:var(--secondary)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.hero{background:var(--secondary);color:white;padding:120px 0;position:relative;overflow:hidden;border-radius:0 0 60px 60px;margin-bottom:80px}.hero:before{content:"";position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(245,158,11,.15) 0,transparent 70%);z-index:0}.hero .container{position:relative;z-index:1;text-align:center}.hero h1{font-size:4.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.05em;background:linear-gradient(to bottom right,#fff 30%,rgba(255,255,255,.6));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h1 span{display:block;color:var(--primary);-webkit-text-fill-color:var(--primary)}.hero p{font-size:1.25rem;color:#94a3b8;max-width:650px;margin:0 auto 3rem;font-weight:400}.btn{display:inline-flex;align-items:center;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:var(--primary);color:var(--secondary);box-shadow:0 0 0 0 rgba(245,158,11,.4)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 10px 20px -5px rgba(245,158,11,.4)}.section-title{font-size:2.25rem;font-weight:800;color:var(--secondary);margin-bottom:3.5rem;letter-spacing:-.04em;text-align:center}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));grid-gap:3rem;gap:3rem;margin-bottom:100px}.article-card{background:var(--bg-card);border-radius:32px;overflow:hidden;border:1px solid var(--border);transition:all .5s cubic-bezier(.23,1,.32,1);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.article-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:rgba(245,158,11,.2)}.article-image{height:240px;position:relative;overflow:hidden}.article-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.article-card:hover .article-image img{transform:scale(1.08)}.article-info{padding:2.5rem;flex:1 1;display:flex;flex-direction:column}.category-tag{font-size:.75rem;text-transform:uppercase;color:var(--primary);letter-spacing:.1em;display:inline-block}.article-info h3,.category-tag{font-weight:800;margin-bottom:1rem}.article-info h3{font-size:1.5rem;line-height:1.3;color:var(--secondary);letter-spacing:-.02em}.article-info p{color:var(--text-muted);font-size:1rem;margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--border)}.article-footer .date{font-size:.85rem;color:var(--text-muted);font-weight:500}.read-more{font-weight:700;font-size:.9rem;color:var(--secondary);display:flex;align-items:center;gap:.25rem}.read-more:hover{color:var(--primary);gap:.5rem}.article-detail{padding:80px 0;max-width:800px;margin:0 auto}.article-header{text-align:center;margin-bottom:50px}.article-header h1{font-size:3.5rem;font-weight:900;line-height:1.1;margin:1.5rem 0;letter-spacing:-.05em;color:var(--secondary)}.article-header .meta{color:var(--text-muted);font-weight:500;display:flex;justify-content:center;gap:1rem;font-size:.9rem}.featured-image{width:100%;border-radius:40px;overflow:hidden;margin-bottom:60px;box-shadow:var(--shadow-lg)}.featured-image img{width:100%;display:block}.article-content{font-size:1.125rem;line-height:1.8;color:#334155}.admin-layout{display:flex;min-height:100vh;background:var(--bg-main)}@media (max-width:1024px){.admin-layout{flex-direction:column}}.admin-sidebar{width:280px;background:var(--secondary);color:white;display:flex;flex-direction:column;padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:100}@media (max-width:1024px){.admin-sidebar{width:100%;height:auto;position:relative;padding:1rem 0}}.admin-sidebar-header{padding:0 2rem 3rem;font-size:1.25rem;font-weight:800;color:white}.admin-sidebar-header span{color:var(--primary)}.admin-nav{display:flex;flex-direction:column;gap:.5rem}@media (max-width:1024px){.admin-nav{flex-direction:row;overflow-x:auto;padding:0 1rem}}.admin-nav-link{padding:1rem 2rem;color:#94a3b8;font-weight:600;display:flex;align-items:center;gap:1rem;transition:all .2s ease;border-left:4px solid transparent}@media (max-width:1024px){.admin-nav-link{padding:.75rem 1rem;border-left:none;border-bottom:3px solid transparent;white-space:nowrap}.admin-nav-link.active{border-bottom-color:var(--primary);background:none}}.admin-nav-link.active,.admin-nav-link:hover{color:white;background:rgba(255,255,255,.05);border-left-color:var(--primary)}.admin-content{flex:1 1;padding:3rem;overflow-y:auto;max-width:100%}@media (max-width:768px){.admin-content{padding:1.5rem}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.admin-header h1{font-size:2.25rem;font-weight:900;color:var(--secondary);letter-spacing:-.04em}@media (max-width:768px){.admin-header h1{font-size:1.75rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}}.admin-card{background:white;border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.admin-grid-2{display:grid;grid-template-columns:350px 1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:1024px){.admin-grid-2{grid-template-columns:1fr}}.form-card,.list-card{background:white;border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.admin-form{display:grid;grid-gap:1.5rem;gap:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem;border-radius:10px;border:1px solid var(--border);font-family:inherit;font-size:.95rem}.form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--secondary)}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-save{background:var(--primary);color:var(--secondary);font-weight:700;transition:all .2s}.btn-cancel,.btn-save{border:none;padding:.75rem 1.5rem;border-radius:10px;cursor:pointer}.btn-cancel{background:#f1f5f9;color:var(--text-muted);font-weight:600}.admin-table{width:100%;border-collapse:separate;border-spacing:0}.admin-table th{background:#f1f5f9;padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:var(--secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:1.5rem;border-bottom:1px solid var(--border);color:var(--text-main);font-size:.95rem}.admin-table tr:hover{background:#fbfbfd}.admin-actions{display:flex;gap:.75rem}.badge-status{padding:.4rem .8rem;border-radius:99px;font-size:.75rem;font-weight:700}.badge-published{background:#dcfce7;color:#166534}.badge-draft{background:#f1f5f9;color:#475569}.admin-form-grid{display:grid;grid-gap:2.5rem;gap:2.5rem}.admin-label{display:block;font-weight:700;margin-bottom:.75rem;color:var(--secondary);font-size:.95rem}.admin-input,.admin-select,.admin-textarea{width:100%;padding:1rem;border-radius:12px;border:2px solid #e2e8f0;transition:all .2s ease;font-family:inherit;font-size:1rem}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(245,158,11,.1)}.article-content h2{font-size:2rem;font-weight:800;margin:3rem 0 1.5rem;color:var(--secondary);letter-spacing:-.03em}.article-content p{margin-bottom:2rem}.article-content ul{margin:2rem 0;padding-left:1.5rem}.article-content li{margin-bottom:1rem}.disclaimer-mini{background:#fffbeb;border-left:4px solid var(--primary);padding:2rem;border-radius:16px;margin:4rem 0;font-size:1rem;color:#92400e}footer{background:var(--secondary);color:white;padding:100px 0 50px}footer .container{display:grid;grid-template-columns:2fr 1fr 1fr;grid-gap:5rem;gap:5rem}.footer-brand h3{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-.04em}.footer-brand h3 span{color:var(--primary)}.footer-brand p{color:#94a3b8;max-width:300px;line-height:1.6}.footer-links h4{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;color:white}.footer-links ul{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#94a3b8;font-weight:500;font-size:.95rem}.footer-links a:hover{color:var(--primary)}.footer-bottom{margin-top:80px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1);text-align:center;color:#64748b;font-size:.85rem}@media (max-width:768px){.hero h1{font-size:3rem}.articles-grid,footer .container{grid-template-columns:1fr}footer .container{gap:3rem}.article-header h1{font-size:2.5rem}}.empty-state{text-align:center;padding:5rem;background:white;border-radius:32px;border:2px dashed var(--border);color:var(--text-muted)}