:root{--bg-dark:#1a1a1a;--bg-card:#2a2a2a;--bg-hover:#333;--accent:#00ff41;--accent-glow:rgba(0,255,65,.3);--text-main:#fff;--text-sub:#b0b0b0;--text-muted:#666;--border:#333;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 20px}.ad-unit{background:var(--bg-card);border:1px dashed var(--text-muted);margin:20px auto;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;overflow:hidden}.ad-leaderboard{width:728px;height:90px;max-width:100%}.ad-rectangle{width:336px;height:280px;margin:40px auto}.ad-vertical{width:300px;height:600px}.hero{padding:80px 0;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(0,255,65,.05) 0,transparent 70%)}.hero h1{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:20px;line-height:1.1}.hero h1 span{color:var(--accent);text-shadow:0 0 20px var(--accent-glow)}.hero p{font-size:1.25rem;color:var(--text-sub);max-width:800px;margin:0 auto 40px}.btn-cta{background:var(--accent);color:var(--bg-dark);padding:16px 32px;border-radius:4px;font-weight:700;display:inline-block;transition:var(--transition);border:2px solid transparent}.btn-cta:hover{background:transparent;color:var(--accent);border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.content-wrapper{display:grid;grid-template-columns:1fr 300px;gap:40px;margin-bottom:60px}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.blog-card{background:var(--bg-card);border-radius:8px;overflow:hidden;border:1px solid var(--border);transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--accent);box-shadow:0 10px 30px rgba(0,0,0,.5)}.card-img{height:200px;background:#222;position:relative;overflow:hidden}.card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition)}.blog-card:hover .card-img img{transform:scale(1.1)}.category-tag{position:absolute;top:20px;left:20px;background:var(--accent);color:var(--bg-dark);padding:4px 12px;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase}.card-content{padding:25px;flex-grow:1}.card-date{font-size:.8rem;color:var(--text-muted);margin-bottom:10px}.card-content h3{font-size:1.4rem;margin-bottom:12px;line-height:1.3}.card-excerpt{color:var(--text-sub);font-size:.95rem;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-more{color:var(--accent);font-weight:600;display:flex;align-items:center;gap:5px;font-size:.9rem}.read-more:hover{gap:10px}.sidebar{display:flex;flex-direction:column;gap:40px}.widget h4{font-size:1.1rem;margin-bottom:20px;border-left:3px solid var(--accent);padding-left:15px;text-transform:uppercase;letter-spacing:1px}.popular-posts{display:flex;flex-direction:column;gap:20px}.mini-post{display:flex;gap:15px;align-items:center}.mini-thumb{width:60px;height:60px;border-radius:4px;background:var(--bg-hover);flex-shrink:0;overflow:hidden}.mini-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mini-info h5{font-size:.9rem;line-height:1.3;margin-bottom:5px}.mini-info h5:hover{color:var(--accent)}.newsletter-form{background:var(--bg-card);padding:25px;border-radius:8px;border:1px solid var(--border)}.newsletter-form p{font-size:.9rem;color:var(--text-sub);margin-bottom:20px}.input-group{display:flex;flex-direction:column;gap:10px}.input-group input{background:var(--bg-dark);border:1px solid var(--border);padding:12px;color:#fff;border-radius:4px}.input-group input:focus{outline:none;border-color:var(--accent)}.btn-submit{background:var(--accent);color:var(--bg-dark);border:none;padding:12px;border-radius:4px;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-submit:hover{box-shadow:0 0 15px var(--accent-glow)}.search-dropdown{position:absolute;top:100%;right:0;width:320px;background:#111;border:1px solid var(--border);border-radius:12px;padding:15px;margin-top:15px;display:none;flex-direction:column;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.6);z-index:2000;animation:slideDown .3s ease-out}.search-dropdown.active{display:flex}.search-input-wrapper{position:relative;width:100%}.search-dropdown input{width:100%;background:#222;border:1px solid var(--border);border-radius:8px;padding:10px 15px;color:#fff;font-size:.95rem;outline:none;transition:border-color .2s}.search-dropdown input:focus{border-color:var(--accent)}.search-results-mini{max-height:250px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.search-result-item{padding:10px;background:#1a1a1a;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:.2s}.search-result-item:hover{border-color:var(--accent);background:#222}.search-result-item .type{font-size:.7rem;color:var(--accent);text-transform:uppercase;font-weight:700;margin-bottom:2px}.search-result-item .title{font-size:.9rem;font-weight:500;color:#fff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.search-dropdown{width:calc(100vw - 40px);right:-10px}}@media (max-width:1024px){.content-wrapper{grid-template-columns:1fr}.ad-vertical{width:728px;height:90px;margin:0 auto}}@media (max-width:768px){.main-header{height:60px}.nav-links{display:none;position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);background:hsla(0,0%,5%,.98);backdrop-filter:blur(15px);flex-direction:column;padding:40px 20px;gap:25px;border-top:1px solid var(--border);z-index:999;transition:transform .3s ease,opacity .3s ease;opacity:0;transform:translateY(-10px);pointer-events:none}.nav-links.active{display:flex;opacity:1;transform:translateY(0);pointer-events:all}.nav-links li{width:100%;text-align:center}.nav-links a{font-size:1.2rem;display:block;padding:10px;width:100%}.hamburger{display:flex;width:30px;height:30px;justify-content:center;align-items:center}.blog-grid{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.footer-grid{grid-template-columns:1fr;gap:40px}.ad-leaderboard{height:auto;min-height:50px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:fadeIn .6s ease-out forwards}.article-page{padding:60px 0}.article-content h1{font-size:3rem;margin-bottom:20px;color:var(--text-main)}.article-content h2{font-size:2rem;margin:40px 0 20px;color:var(--accent);border-bottom:1px solid var(--border);padding-bottom:10px}.article-content h3{font-size:1.5rem;margin:30px 0 15px;color:var(--text-main)}.article-content p{margin-bottom:20px;color:var(--text-sub);font-size:1.1rem;line-height:1.8}.article-content ol,.article-content ul{margin-bottom:20px;padding-left:20px;color:var(--text-sub)}.article-content li{margin-bottom:10px}.article-content code{background:#222;padding:2px 6px;border-radius:4px;font-family:monospace;font-size:.95em;color:var(--accent)}.article-content pre{background:#111;padding:20px;border-radius:8px;overflow-x:auto;margin-bottom:25px;border:1px solid var(--border)}.article-content pre code{background:transparent;padding:0;color:#e0e0e0}.article-content table{width:100%;border-collapse:collapse;margin-bottom:30px}.article-content td,.article-content th{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border)}.article-content th{background:var(--bg-hover);color:var(--accent)}.faq-section{background:var(--bg-card);padding:30px;border-radius:8px;border:1px solid var(--border);margin:40px 0}.faq-section p{margin-bottom:25px}.faq-section p:last-child{margin-bottom:0}.article-header{margin-bottom:40px;text-align:center}.article-header h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:15px;line-height:1.2}.article-header .meta{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.article-container{max-width:800px;margin:0 auto}.related-articles{background:#0f172a;.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:40px 0}.feature-item{background:var(--bg-card);padding:30px;border-radius:12px;border:1px solid var(--border);text-align:center;transition:var(--transition)}.feature-item:hover{border-color:var(--accent);transform:translateY(-5px)}.feature-icon{width:60px;height:60px;background:rgba(0,255,65,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:var(--accent);font-size:1.5rem}.feature-item h3{margin-bottom:15px;color:var(--text-main)}.feature-item p{color:var(--text-sub);font-size:.95rem;line-height:1.6}.featured-labs{padding:60px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(to bottom,var(--bg-dark),#111);margin:40px 0}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2.5rem;margin-bottom:15px}.section-header h2 span{color:var(--accent)}.lab-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.lab-preview-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:var(--transition);position:relative;display:flex;flex-direction:column}.lab-preview-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,255,65,.1)}.lab-preview-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.lab-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:15px;border:1px solid}.badge-beginner{color:#4ade80;border-color:rgba(74,222,128,.3);background:rgba(74,222,128,.1)}.badge-intermediate{color:#facc15;border-color:rgba(250,204,21,.3);background:rgba(250,204,21,.1)}.lab-preview-card h3{font-size:1.4rem;margin-bottom:10px}.lab-preview-card p{color:var(--text-sub);font-size:.95rem;margin-bottom:20px;flex-grow:1}.btn-lab-action{background:var(--accent);color:var(--bg-dark);text-align:center;padding:10px;border-radius:6px;font-weight:700;transition:var(--transition);margin-top:auto;display:block}.btn-lab-action:hover{filter:brightness(1.1);box-shadow:0 0 15px var(--accent-glow)}.stat-bar{display:flex;justify-content:center;gap:40px;padding:20px;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.02);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:10px;color:var(--text-sub);font-size:.9rem;font-weight:500}.stat-item i{color:var(--accent)}border-radius:12px;margin:3rem 0;color:#f8fafc}.related-articles h3{margin-top:0;color:#4ade80;font-size:1.5rem;border-bottom:2px solid #1e293b;padding-bottom:.5rem}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.related-card{text-decoration:none;color:inherit;transition:.2s;padding:1rem;background:#1e293b;border-radius:8px;display:block}.related-card:hover{transform:translateY(-5px);background:#334155}.related-card .category{font-size:.8rem;color:#4ade80;text-transform:uppercase;font-weight:700}.related-card h4{margin:.5rem 0;font-size:1.1rem}.related-card p{font-size:.9rem;color:#94a3b8;margin:0}.continue-learning{margin-top:4rem;padding:2rem;background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;border-left:4px solid #4ade80}.learning-path{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem}.path-item{flex:1;min-width:250px;background:hsla(0,0%,100%,.05);padding:1.5rem;border-radius:8px;text-decoration:none;color:#f8fafc;border:1px solid transparent;transition:.3s}.path-item:hover{border-color:#4ade80;background:rgba(74,222,128,.05)}.path-item .label{font-size:.75rem;background:#166534;padding:2px 8px;border-radius:4px;margin-bottom:.5rem;display:inline-block}.path-item h4{margin:.5rem 0 0}