:root{--primary:#6366f1;--primary-dark:#4f46e5;--bg:#fff;--bg-secondary:#f8fafc;--text:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--radius:12px;--shadow:0 4px 6px -1px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{background:transparent;border:1px solid var(--border)}.btn-outline:hover{border-color:var(--primary)}.card{background:var(--bg);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.input{border:1px solid var(--border);border-radius:var(--radius);font-size:16px;padding:12px 16px;transition:border-color .2s;width:100%}.input:focus{border-color:var(--primary);outline:none}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.header-inner{align-items:center;display:flex;height:70px;justify-content:space-between}.header-logo{color:var(--primary);font-size:24px;font-weight:700;text-decoration:none}.header-nav{display:flex;gap:32px}.header-nav a{color:var(--text-secondary);font-weight:500;text-decoration:none}.header-nav a:hover{color:var(--primary)}.hero{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:80px 0;text-align:center}.hero h1{font-size:48px;margin-bottom:16px}.hero p{color:var(--text-secondary);font-size:20px;margin:0 auto;max-width:600px}.articles-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:60px 0}.article-card-image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.article-card-content{padding:24px}.article-card-category{color:var(--primary);font-size:12px;font-weight:600;text-transform:uppercase}.article-card-title{font-size:20px;line-height:1.4;margin:8px 0}.article-card-title a{color:var(--text);text-decoration:none}.article-card-title a:hover{color:var(--primary)}.article-card-excerpt{color:var(--text-secondary);font-size:14px}.article-card-meta{color:var(--text-secondary);display:flex;font-size:13px;gap:16px;margin-top:16px}.article-page{margin:0 auto;max-width:800px;padding:60px 20px}.article-page-header{margin-bottom:40px;text-align:center}.article-page-header h1{font-size:40px;line-height:1.3;margin-bottom:16px}.article-page-content{font-size:18px;line-height:1.8}.article-page-content h2,.article-page-content h3{margin:32px 0 16px}.article-page-content p{margin-bottom:20px}.article-page-content pre{background:var(--bg-secondary);border-radius:var(--radius);overflow-x:auto;padding:20px}.article-page-content code{background:var(--bg-secondary);border-radius:4px;padding:2px 6px}.article-page-content img{border-radius:var(--radius);max-width:100%}.article-page-content blockquote{border-left:4px solid var(--primary);color:var(--text-secondary);margin:20px 0;padding-left:20px}.ad-slot{border-radius:var(--radius);margin:20px 0;min-height:90px;padding:20px}.ad-slot,.footer{background:var(--bg-secondary);text-align:center}.footer{color:var(--text-secondary);margin-top:60px;padding:40px 0}.admin{display:flex;min-height:100vh}.admin-sidebar{background:#1e293b;color:#fff;padding:20px;width:250px}.admin-sidebar a{border-radius:8px;color:#94a3b8;display:block;padding:12px 16px;text-decoration:none}.admin-sidebar a.active,.admin-sidebar a:hover{background:#334155;color:#fff}.admin-main{background:var(--bg-secondary);flex:1;padding:30px}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.admin-header h1{font-size:28px}.table{background:#fff;border-radius:var(--radius);overflow:hidden;width:100%}.table td,.table th{border-bottom:1px solid var(--border);padding:16px;text-align:left}.table th{font-weight:600}.table th,.table tr:hover td{background:var(--bg-secondary)}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:500;margin-bottom:8px}.editor{border:1px solid var(--border);border-radius:var(--radius)}.editor-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;gap:8px;padding:12px}.editor-content{min-height:400px;padding:20px}.editor textarea{border:none;font-family:monospace;min-height:400px;resize:vertical;width:100%}.modal{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border-radius:var(--radius);max-width:500px;padding:30px;width:90%}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px}.modal-header h2{font-size:20px}.lang-switcher{position:relative}.lang-switcher select{background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:8px 12px}