@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@-webkit-keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translate(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translate(0)}}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@-webkit-keyframes rotateGlow{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotateGlow{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes scanLine{0%{top:-10%}to{top:110%}}@keyframes scanLine{0%{top:-10%}to{top:110%}}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@-webkit-keyframes pulseRing{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}to{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}}@keyframes pulseRing{0%{-webkit-transform:scale(1);transform:scale(1);opacity:.8}to{-webkit-transform:scale(1.8);transform:scale(1.8);opacity:0}}@-webkit-keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-webkit-keyframes typewriter{0%{width:0}to{width:100%}}@keyframes typewriter{0%{width:0}to{width:100%}}@-webkit-keyframes particleFloat{0%{-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1);opacity:.6}33%{-webkit-transform:translate(30px,-40px) scale(1.1);transform:translate(30px,-40px) scale(1.1);opacity:.8}66%{-webkit-transform:translate(-20px,-80px) scale(.9);transform:translate(-20px,-80px) scale(.9);opacity:.5}to{-webkit-transform:translate(10px,-120px) scale(.8);transform:translate(10px,-120px) scale(.8);opacity:0}}@keyframes particleFloat{0%{-webkit-transform:translate(0,0) scale(1);transform:translate(0) scale(1);opacity:.6}33%{-webkit-transform:translate(30px,-40px) scale(1.1);transform:translate(30px,-40px) scale(1.1);opacity:.8}66%{-webkit-transform:translate(-20px,-80px) scale(.9);transform:translate(-20px,-80px) scale(.9);opacity:.5}to{-webkit-transform:translate(10px,-120px) scale(.8);transform:translate(10px,-120px) scale(.8);opacity:0}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-primary: #080C18;--color-bg-secondary: #0D1226;--color-bg-card: #111827;--color-cyan: #00D4FF;--color-blue: #0A84FF;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-border: rgba(0, 212, 255, .15);--navbar-height: 72px;scroll-behavior:smooth}html{font-size:16px;scroll-behavior:smooth;overflow-x:clip}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.7;color:#e2e8f0;background-color:#080c18;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body::-webkit-scrollbar{width:6px;height:6px}body::-webkit-scrollbar-track{background:#0d1226}body::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#00d4ff99}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;line-height:1.3;color:#e2e8f0;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,4rem)}h2{font-size:clamp(1.5rem,4vw,3rem)}h3{font-size:clamp(1.25rem,3vw,2.25rem)}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{color:#94a3b8;line-height:1.8}a{color:#00d4ff;text-decoration:none;transition:all .15s ease}a:hover{color:#3df}code,pre{font-family:JetBrains Mono,Fira Code,Courier New,monospace}code{background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:4px;color:#7dd3fc;font-size:.875em;padding:2px 8px}pre{background:#0d1117;border:1px solid rgba(0,212,255,.12);border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;color:#7dd3fc;padding:1.5rem;overflow-x:auto;position:relative}pre::-webkit-scrollbar{width:6px;height:6px}pre::-webkit-scrollbar-track{background:#0d1226}pre::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}pre::-webkit-scrollbar-thumb:hover{background:#00d4ff99}pre:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#00d4ff,#0a84ff);opacity:.6}img{max-width:100%;height:auto}::-moz-selection{background:#00d4ff40;color:#e2e8f0}::selection{background:#00d4ff40;color:#e2e8f0}:focus-visible{outline:2px solid rgba(0,212,255,.6);outline-offset:3px;border-radius:4px}.text-gradient{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-primary{background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-green{background:linear-gradient(135deg,#00e896,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-cyan{color:#00d4ff!important}.text-blue{color:#0a84ff!important}.text-purple{color:#7c3aed!important}.text-green{color:#00e896!important}.text-muted-dark{color:#475569!important}.bg-dark-card{background-color:#111827}.bg-dark-primary{background-color:#080c18}.bg-surface{background:#ffffff0a}.border-subtle{border-color:#ffffff12!important}.border-cyan{border-color:#00d4ff4d!important}.border-glow{box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}.font-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace!important}.font-heading{font-family:Space Grotesk,Inter,sans-serif!important}.glow-cyan{box-shadow:0 0 20px #00d4ff4d,0 0 40px #00d4ff1a}.glow-text-cyan{text-shadow:0 0 20px rgba(0,212,255,.5),0 0 40px rgba(0,212,255,.2)}.animate-fade-up{-webkit-animation:fadeInUp .6s ease both;animation:fadeInUp .6s ease both}.animate-float{-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite}.animate-pulse-glow{-webkit-animation:neonPulse 2s ease-in-out infinite alternate;animation:neonPulse 2s ease-in-out infinite alternate}@-webkit-keyframes neonPulse{0%{box-shadow:0 0 8px #00d4ff4d,0 0 16px #00d4ff26}to{box-shadow:0 0 20px #00d4ff80,0 0 40px #00d4ff33,0 0 80px #00d4ff1a}}@keyframes neonPulse{0%{box-shadow:0 0 8px #00d4ff4d,0 0 16px #00d4ff26}to{box-shadow:0 0 20px #00d4ff80,0 0 40px #00d4ff33,0 0 80px #00d4ff1a}}.section-padding{padding:6rem 0}@media (max-width: 768px){.section-padding{padding:3rem 0}}.delay-1{-webkit-animation-delay:.1s;animation-delay:.1s}.delay-2{-webkit-animation-delay:.2s;animation-delay:.2s}.delay-3{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-4{-webkit-animation-delay:.4s;animation-delay:.4s}.delay-5{-webkit-animation-delay:.5s;animation-delay:.5s}.delay-6{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-7{-webkit-animation-delay:.7s;animation-delay:.7s}.delay-8{-webkit-animation-delay:.8s;animation-delay:.8s}.divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.15),transparent);margin:2rem 0}.divider-vertical{width:1px;height:100%;background:#00d4ff26}.tech-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;cursor:pointer}.tech-tag:hover{background:#00d4ff33;border-color:#00d4ff80}.tech-tag.tag-blue{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#0a84ff1a;border:1px solid rgba(10,132,255,.25);border-radius:9999px;color:#0a84ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}.tech-tag.tag-blue:hover{background:#0a84ff33;border-color:#0a84ff80}.tech-tag.tag-purple{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#7c3aed1a;border:1px solid rgba(124,58,237,.25);border-radius:9999px;color:#7c3aed;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}.tech-tag.tag-purple:hover{background:#7c3aed33;border-color:#7c3aed80}.tech-tag.tag-green{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00e8961a;border:1px solid rgba(0,232,150,.25);border-radius:9999px;color:#00e896;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}.tech-tag.tag-green:hover{background:#00e89633;border-color:#00e89680}.tech-tag.tag-orange{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#ff6b351a;border:1px solid rgba(255,107,53,.25);border-radius:9999px;color:#ff6b35;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease}.tech-tag.tag-orange:hover{background:#ff6b3533;border-color:#ff6b3580}.status-dot,.hero-section .hero-content .hero-label .dot{display:inline-block;width:8px;height:8px;border-radius:9999px;background:#00e896;box-shadow:0 0 6px #00e89699}.status-dot.dot-orange,.hero-section .hero-content .hero-label .dot-orange.dot{background:#ff6b35;box-shadow:0 0 6px #ff6b3599}.status-dot.dot-red,.hero-section .hero-content .hero-label .dot-red.dot{background:#ff4757;box-shadow:0 0 6px #ff475799}.status-dot.dot-cyan,.hero-section .hero-content .hero-label .dot-cyan.dot{background:#00d4ff;box-shadow:0 0 6px #00d4ff99}.avatar,.article-card .article-meta .meta-author .author-avatar{border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,212,255,.3)}.avatar.avatar-sm,.article-card .article-meta .meta-author .author-avatar{width:32px;height:32px}.avatar.avatar-md,.article-card .article-meta .meta-author .avatar-md.author-avatar{width:40px;height:40px}.avatar.avatar-lg,.article-card .article-meta .meta-author .avatar-lg.author-avatar{width:56px;height:56px}.avatar.avatar-xl,.article-card .article-meta .meta-author .avatar-xl.author-avatar{width:72px;height:72px}.avatar-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#080c18;font-weight:700;font-family:Space Grotesk,Inter,sans-serif}#reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(135deg,#00d4ff,#0a84ff);z-index:1031;transition:width .1s linear;box-shadow:0 0 10px #00d4ff80}.back-to-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:9999px;color:#080c18;box-shadow:0 4px 20px #00d4ff66;z-index:1020;opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);transition:all .25s ease;cursor:pointer}.back-to-top.visible{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.back-to-top:hover{box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.particle{position:absolute;width:4px;height:4px;border-radius:9999px;background:#00d4ff;opacity:.6;-webkit-animation:particleFloat linear infinite;animation:particleFloat linear infinite}.particle:nth-child(1){left:99%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:1s;animation-delay:1s;width:5px;height:2px;opacity:.4}.particle:nth-child(2){left:8%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:4s;animation-delay:4s;width:3px;height:3px;opacity:.3}.particle:nth-child(3){left:47%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:4s;animation-delay:4s;width:2px;height:4px;opacity:.2}.particle:nth-child(4){left:95%;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:2s;animation-delay:2s;width:3px;height:3px;opacity:.2}.particle:nth-child(5){left:20%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:2s;animation-delay:2s;width:3px;height:4px;opacity:.2}.particle:nth-child(6){left:70%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:4s;animation-delay:4s;width:2px;height:5px;opacity:.3}.particle:nth-child(7){left:1%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:1s;animation-delay:1s;width:3px;height:2px;opacity:.1}.particle:nth-child(8){left:48%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:2s;animation-delay:2s;width:5px;height:5px;opacity:.5}.particle:nth-child(9){left:42%;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:3s;animation-delay:3s;width:4px;height:5px;opacity:.5}.particle:nth-child(10){left:31%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:1s;animation-delay:1s;width:4px;height:4px;opacity:.3}.particle:nth-child(11){left:55%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:5s;animation-delay:5s;width:5px;height:4px;opacity:.4}.particle:nth-child(12){left:16%;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:4s;animation-delay:4s;width:3px;height:3px;opacity:.1}.particle:nth-child(13){left:19%;-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-delay:3s;animation-delay:3s;width:5px;height:3px;opacity:.4}.particle:nth-child(14){left:93%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:4s;animation-delay:4s;width:5px;height:2px;opacity:.1}.particle:nth-child(15){left:64%;-webkit-animation-duration:11s;animation-duration:11s;-webkit-animation-delay:1s;animation-delay:1s;width:4px;height:4px;opacity:.2}.particle:nth-child(16){left:12%;-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-delay:3s;animation-delay:3s;width:3px;height:3px;opacity:.2}.particle:nth-child(17){left:68%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:1s;animation-delay:1s;width:4px;height:2px;opacity:.6}.particle:nth-child(18){left:90%;-webkit-animation-duration:7s;animation-duration:7s;-webkit-animation-delay:1s;animation-delay:1s;width:5px;height:2px;opacity:.5}.particle:nth-child(19){left:39%;-webkit-animation-duration:9s;animation-duration:9s;-webkit-animation-delay:4s;animation-delay:4s;width:3px;height:2px;opacity:.6}.particle:nth-child(20){left:23%;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-delay:3s;animation-delay:3s;width:3px;height:2px;opacity:.3}.scan-effect{position:relative;overflow:hidden}.scan-effect:after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.4),transparent);-webkit-animation:scanLine 3s linear infinite;animation:scanLine 3s linear infinite;pointer-events:none}.cursor{display:inline-block;width:2px;height:1em;background:#00d4ff;margin-left:2px;-webkit-animation:blink 1s step-end infinite;animation:blink 1s step-end infinite;vertical-align:text-bottom}.skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;-webkit-animation:shimmer 1.5s infinite;animation:shimmer 1.5s infinite;border-radius:8px;color:transparent;pointer-events:none}.skeleton.skeleton-text{height:1em;margin-bottom:.5em}.skeleton.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton.skeleton-img{height:200px}.tech-blockquote,.article-content blockquote{border-left:3px solid #00D4FF;padding:1rem 1.5rem;background:#00d4ff0d;border-radius:0 8px 8px 0;margin:2rem 0;font-style:italic;color:#94a3b8;position:relative}.tech-blockquote:before,.article-content blockquote:before{content:'"';position:absolute;top:-10px;left:16px;font-size:4rem;color:#00d4ff33;font-family:Space Grotesk,Inter,sans-serif;line-height:1}.navbar-dark-tech{height:72px;background:#080c18e0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1030;transition:all .25s ease;overflow:visible}.navbar-dark-tech.scrolled{background:#080c18f7;border-bottom-color:#00d4ff26;box-shadow:0 4px 40px #0000008c}.navbar-dark-tech .navbar-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:800;text-decoration:none;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.navbar-dark-tech .navbar-brand .brand-icon{width:34px;height:34px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:8px;font-size:13px;font-weight:900;color:#080c18;box-shadow:0 0 12px #00d4ff33;-ms-flex-negative:0;flex-shrink:0}.navbar-dark-tech .navbar-brand .brand-text{background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-dark-tech .navbar-brand .brand-tld{color:#475569;font-size:.875rem}.navbar-dark-tech .nav-menu{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;min-width:0}.navbar-dark-tech .nav-link-tech{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;white-space:nowrap;color:#94a3b8;font-size:13.5px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .15s ease;text-decoration:none;background:none;border:none;cursor:pointer;line-height:1}.navbar-dark-tech .nav-link-tech i{font-size:14px}.navbar-dark-tech .nav-link-tech:hover{color:#e2e8f0;background:#00d4ff12}.navbar-dark-tech .nav-link-tech.active{color:#00d4ff;background:#00d4ff14}.navbar-dark-tech .nav-dropdown{position:relative}.navbar-dark-tech .nav-dropdown .nav-caret{font-size:10px;opacity:.5;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;margin-left:1px}.navbar-dark-tech .nav-dropdown:hover>.nav-dropdown-panel:not(.mega),.navbar-dark-tech .nav-dropdown.open>.nav-dropdown-panel:not(.mega){opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:all;visibility:visible;transition:opacity .18s ease 0s,visibility 0s 0s,-webkit-transform .18s ease 0s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s 0s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s 0s,-webkit-transform .18s ease 0s}.navbar-dark-tech .nav-dropdown:hover>.nav-dropdown-panel.mega,.navbar-dark-tech .nav-dropdown.open>.nav-dropdown-panel.mega{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0);pointer-events:all;visibility:visible;transition:opacity .18s ease 0s,visibility 0s 0s,-webkit-transform .18s ease 0s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s 0s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s 0s,-webkit-transform .18s ease 0s}.navbar-dark-tech .nav-dropdown:hover>.nav-link-tech .nav-caret,.navbar-dark-tech .nav-dropdown.open>.nav-link-tech .nav-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg);opacity:1}.navbar-dark-tech .nav-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background:#0b0f1efa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(0,212,255,.12);border-radius:16px;padding:.5rem;box-shadow:0 20px 60px #0009,0 0 1px #00d4ff1a;opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px);pointer-events:none;visibility:hidden;transition:opacity .18s ease 0s,visibility 0s .18s,-webkit-transform .18s ease 0s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s .18s;transition:opacity .18s ease 0s,transform .18s ease 0s,visibility 0s .18s,-webkit-transform .18s ease 0s;z-index:1000}.navbar-dark-tech .nav-dropdown-panel:after{content:"";position:absolute;bottom:100%;left:0;right:0;height:12px;background:transparent}.navbar-dark-tech .nav-dropdown-panel:before{content:"";position:absolute;top:-5px;left:18px;width:10px;height:10px;background:#0b0f1efa;border-left:1px solid rgba(0,212,255,.12);border-top:1px solid rgba(0,212,255,.12);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.navbar-dark-tech .nav-dropdown-panel.mega{min-width:500px;left:50%;-webkit-transform:translateX(-50%) translateY(-8px);transform:translate(-50%) translateY(-8px)}.navbar-dark-tech .nav-dropdown-panel.mega:before{left:50%;-webkit-transform:translateX(-50%) rotate(45deg);transform:translate(-50%) rotate(45deg)}.navbar-dark-tech .dd-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:#94a3b8;font-size:13px;text-decoration:none;transition:all .15s ease;cursor:pointer;white-space:nowrap}.navbar-dark-tech .dd-item .dd-icon{width:32px;height:32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;font-size:15px;-ms-flex-negative:0;flex-shrink:0}.navbar-dark-tech .dd-item .dd-text .dd-label{font-weight:600;color:#e2e8f0;font-size:13px;display:block}.navbar-dark-tech .dd-item .dd-text .dd-desc{font-size:11px;color:#475569;display:block;margin-top:1px}.navbar-dark-tech .dd-item:hover{background:#00d4ff12;color:#e2e8f0}.navbar-dark-tech .dd-item:hover .dd-label{color:#00d4ff}.navbar-dark-tech .dd-divider{height:1px;background:#ffffff12;margin:6px 4px}.navbar-dark-tech .dd-section-label{font-size:10px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.12em;padding:6px 10px 4px;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.navbar-dark-tech .mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:4px}.navbar-dark-tech .nav-search{position:relative;margin:0 .5rem}.navbar-dark-tech .nav-search .search-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:9999px;color:#e2e8f0;padding:7px 36px 7px 14px;font-size:13px;width:180px;transition:all .25s ease}.navbar-dark-tech .nav-search .search-input::-webkit-input-placeholder{color:#475569}.navbar-dark-tech .nav-search .search-input::-moz-placeholder{color:#475569}.navbar-dark-tech .nav-search .search-input:-ms-input-placeholder{color:#475569}.navbar-dark-tech .nav-search .search-input::-ms-input-placeholder{color:#475569}.navbar-dark-tech .nav-search .search-input::placeholder{color:#475569}.navbar-dark-tech .nav-search .search-input:focus{outline:none;background:#ffffff12;border-color:#00d4ff66;box-shadow:0 0 12px #00d4ff1a;width:240px}.navbar-dark-tech .nav-search .search-icon{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;font-size:13px;pointer-events:none}.navbar-dark-tech .navbar-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-negative:0;flex-shrink:0}.navbar-dark-tech .btn-login{background:transparent;border:1px solid rgba(0,212,255,.4);color:#00d4ff;font-weight:500;transition:all .25s ease;padding:6px 16px;border-radius:9999px;font-size:13px;white-space:nowrap}.navbar-dark-tech .btn-login:hover{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 0 16px #00d4ff33;color:#00d4ff}.navbar-dark-tech .btn-register{background:linear-gradient(135deg,#00d4ff,#0094b3);border:none;color:#080c18;font-weight:600;letter-spacing:.02em;transition:all .25s ease;padding:6px 16px;border-radius:9999px;font-size:13px;white-space:nowrap}.navbar-dark-tech .btn-register:hover{box-shadow:0 0 24px #00d4ff80,0 4px 12px #00d4ff33;-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#080c18}.navbar-dark-tech .btn-register:active{-webkit-transform:translateY(0);transform:translateY(0)}.navbar-dark-tech .hamburger{display:none;-ms-flex-direction:column;flex-direction:column;gap:5px;cursor:pointer;padding:6px;background:none;border:none}.navbar-dark-tech .hamburger span{display:block;width:22px;height:2px;background:#94a3b8;border-radius:2px;transition:all .25s ease}.navbar-dark-tech .hamburger.active span:nth-child(1),.navbar-dark-tech .hamburger.open span:nth-child(1){-webkit-transform:rotate(45deg) translate(5px,5px);transform:rotate(45deg) translate(5px,5px)}.navbar-dark-tech .hamburger.active span:nth-child(2),.navbar-dark-tech .hamburger.open span:nth-child(2){opacity:0;-webkit-transform:translateX(8px);transform:translate(8px)}.navbar-dark-tech .hamburger.active span:nth-child(3),.navbar-dark-tech .hamburger.open span:nth-child(3){-webkit-transform:rotate(-45deg) translate(5px,-5px);transform:rotate(-45deg) translate(5px,-5px)}@media (min-width: 992px) and (max-width: 1260px){.navbar-dark-tech{padding:0 1rem}.navbar-dark-tech .nav-link-tech{padding:5px 7px;font-size:12.5px;gap:3px}.navbar-dark-tech .nav-search .search-input{width:130px}.navbar-dark-tech .nav-search .search-input:focus{width:170px}.navbar-dark-tech .btn-login,.navbar-dark-tech .btn-register{padding:5px 11px;font-size:12px}.navbar-dark-tech .navbar-actions{gap:4px}}@media (max-width: 991px){.navbar-dark-tech .nav-menu{display:none!important}.navbar-dark-tech .hamburger{display:-ms-flexbox;display:flex}}.drawer-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1040;opacity:0;transition:opacity .3s ease}@media (min-width: 992px){.drawer-overlay{display:none!important}}.drawer-overlay.open{display:block;opacity:1}.mobile-drawer{position:fixed;top:0;left:0;width:300px;height:100dvh;background:#0d1117;border-right:1px solid rgba(255,255,255,.07);z-index:1041;-webkit-transform:translateX(-100%);transform:translate(-100%);transition:-webkit-transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1);transition:transform .32s cubic-bezier(.4,0,.2,1),-webkit-transform .32s cubic-bezier(.4,0,.2,1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}@media (min-width: 992px){.mobile-drawer{display:none!important}}.mobile-drawer.open{-webkit-transform:translateX(0);transform:translate(0)}.mobile-drawer .drawer-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px;height:72px;border-bottom:1px solid rgba(255,255,255,.07);-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-close{width:36px;height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .15s ease;-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-close i{font-size:14px}.mobile-drawer .drawer-close:hover{background:#ffffff17;color:#e2e8f0}.mobile-drawer .drawer-search{position:relative;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.07);-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-search input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);border-radius:9999px;color:#e2e8f0;padding:8px 38px 8px 14px;font-size:13.5px;outline:none;transition:all .15s ease}.mobile-drawer .drawer-search input::-webkit-input-placeholder{color:#475569}.mobile-drawer .drawer-search input::-moz-placeholder{color:#475569}.mobile-drawer .drawer-search input:-ms-input-placeholder{color:#475569}.mobile-drawer .drawer-search input::-ms-input-placeholder{color:#475569}.mobile-drawer .drawer-search input::placeholder{color:#475569}.mobile-drawer .drawer-search input:focus{border-color:#00d4ff73;background:#ffffff12;box-shadow:0 0 10px #00d4ff14}.mobile-drawer .drawer-search>i{position:absolute;right:28px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;font-size:13px;pointer-events:none}.mobile-drawer .drawer-nav{-ms-flex:1;flex:1;overflow-y:auto;padding:6px 0 8px}.mobile-drawer .drawer-nav::-webkit-scrollbar{width:6px;height:6px}.mobile-drawer .drawer-nav::-webkit-scrollbar-track{background:#0d1226}.mobile-drawer .drawer-nav::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}.mobile-drawer .drawer-nav::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.mobile-drawer .drawer-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:11px;padding:11px 20px;color:#94a3b8;font-size:14.5px;font-weight:500;text-decoration:none;background:none;border:none;width:100%;cursor:pointer;transition:background .15s,color .15s;box-sizing:border-box}.mobile-drawer .drawer-link i{font-size:15px;width:18px;text-align:center;-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-link:hover{color:#e2e8f0;background:#ffffff0a}.mobile-drawer .drawer-link.active{color:#00d4ff;background:#00d4ff14}.mobile-drawer .drawer-link.active i{color:#00d4ff}.mobile-drawer .drawer-accordion .drawer-acc-btn{-ms-flex-pack:justify;justify-content:space-between;padding-right:16px}.mobile-drawer .drawer-accordion .drawer-acc-btn>span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:11px}.mobile-drawer .drawer-accordion .drawer-acc-btn .drawer-caret{font-size:11px;color:#475569;transition:-webkit-transform .22s ease;transition:transform .22s ease;transition:transform .22s ease,-webkit-transform .22s ease;-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-accordion.open>.drawer-acc-btn{color:#e2e8f0;background:#ffffff0a}.mobile-drawer .drawer-accordion.open>.drawer-acc-btn .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mobile-drawer .drawer-accordion .drawer-acc-panel{display:none;background:#0000002e;border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07);padding:4px 0}.mobile-drawer .drawer-accordion.open>.drawer-acc-panel{display:block}.mobile-drawer .drawer-accordion .drawer-acc-section{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#475569;padding:10px 20px 4px}.mobile-drawer .drawer-accordion .drawer-acc-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 20px;color:#94a3b8;font-size:13.5px;text-decoration:none;transition:background .15s,color .15s}.mobile-drawer .drawer-accordion .drawer-acc-item .ddi{width:26px;height:26px;border-radius:4px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-accordion .drawer-acc-item em{font-style:normal;font-size:11px;color:#475569;margin-left:auto}.mobile-drawer .drawer-accordion .drawer-acc-item:hover{color:#e2e8f0;background:#ffffff0a}.mobile-drawer .drawer-accordion .drawer-acc-all{color:#00d4ff;font-size:12.5px;padding:9px 20px;gap:8px}.mobile-drawer .drawer-accordion .drawer-acc-all:hover{background:#00d4ff0f}.mobile-drawer .drawer-accordion .drawer-acc-divider{height:1px;background:#ffffff12;margin:4px 0}.mobile-drawer .drawer-footer{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;-ms-flex-negative:0;flex-shrink:0}.mobile-drawer .drawer-footer .drawer-btn{display:block;text-align:center;width:100%;padding:10px 16px;border-radius:9999px;font-size:14px;font-weight:500}.hero-section{min-height:calc(100vh - 72px);position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#080c18;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.hero-section:after{content:"";position:absolute;top:20%;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(0,212,255,.08) 0%,rgba(10,132,255,.05) 40%,transparent 70%);pointer-events:none;z-index:0}.hero-section .hero-content{position:relative;z-index:1}.hero-section .hero-content .hero-label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;margin-bottom:1.5rem;font-size:11px}.hero-section .hero-content .hero-label:hover{background:#00d4ff33;border-color:#00d4ff80}.hero-section .hero-content .hero-label .dot{width:6px;height:6px;margin-right:6px}.hero-section .hero-content .hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-section .hero-content .hero-title .line-gradient{background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-section .hero-content .hero-title .line-white{color:#e2e8f0;display:block}.hero-section .hero-content .hero-subtitle{font-size:1.25rem;color:#94a3b8;max-width:540px;line-height:1.8;margin-bottom:3rem}.hero-section .hero-content .hero-actions{display:-ms-flexbox;display:flex;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:4rem}.hero-section .hero-content .hero-stats{display:-ms-flexbox;display:flex;gap:3rem}.hero-section .hero-content .hero-stats .stat-item .stat-value{font-family:Space Grotesk,Inter,sans-serif;font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero-section .hero-content .hero-stats .stat-item .stat-label{font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.1em}.hero-section .hero-visual{position:relative;z-index:1}.hero-section .hero-visual .code-window{background:#0d1226e6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.2);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d,0 0 60px #00d4ff1a;-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite}.hero-section .hero-visual .code-window .window-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:12px 16px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.07)}.hero-section .hero-visual .code-window .window-header .window-dots{display:-ms-flexbox;display:flex;gap:6px}.hero-section .hero-visual .code-window .window-header .window-dots span{width:12px;height:12px;border-radius:9999px}.hero-section .hero-visual .code-window .window-header .window-dots span:nth-child(1){background:#ff5f57}.hero-section .hero-visual .code-window .window-header .window-dots span:nth-child(2){background:#ffbd2e}.hero-section .hero-visual .code-window .window-header .window-dots span:nth-child(3){background:#28c840}.hero-section .hero-visual .code-window .window-header .window-title{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.75rem;color:#475569}.hero-section .hero-visual .code-window .window-body{padding:1.5rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;line-height:2;background:#0d1117}.hero-section .hero-visual .code-window .window-body .code-line{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:1rem}.hero-section .hero-visual .code-window .window-body .line-num{color:#475569;min-width:20px;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px}.hero-section .hero-visual .code-window .window-body .code-keyword{color:#ff79c6}.hero-section .hero-visual .code-window .window-body .code-function{color:#50fa7b}.hero-section .hero-visual .code-window .window-body .code-string{color:#f1fa8c}.hero-section .hero-visual .code-window .window-body .code-variable{color:#bd93f9}.hero-section .hero-visual .code-window .window-body .code-comment{color:#6272a4}.hero-section .hero-visual .code-window .window-body .code-cyan{color:#8be9fd}.hero-section .hero-visual .code-window .window-body .code-orange{color:#ffb86c}.hero-section .hero-visual .floating-badge{position:absolute;background:#0d1226e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,212,255,.2);border-radius:16px;padding:12px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d}.hero-section .hero-visual .floating-badge .icon{font-size:20px}.hero-section .hero-visual .floating-badge .value{font-weight:700;color:#e2e8f0;font-family:Space Grotesk,Inter,sans-serif}.hero-section .hero-visual .floating-badge.badge-1{top:-20px;right:-20px;-webkit-animation:float 5s ease-in-out infinite;animation:float 5s ease-in-out infinite}.hero-section .hero-visual .floating-badge.badge-2{bottom:40px;left:-30px;animation:float 7s ease-in-out infinite reverse}.section-header{margin-bottom:4rem}.section-header .section-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;margin-bottom:1rem}.section-header .section-badge:hover{background:#00d4ff33;border-color:#00d4ff80}.section-header .section-title{font-family:Space Grotesk,Inter,sans-serif;font-weight:800;color:#e2e8f0;margin-bottom:1rem}.section-header .section-title .accent{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header .section-subtitle{color:#94a3b8;font-size:1.125rem;max-width:540px}.section-header .section-link{color:#00d4ff;font-size:.875rem;font-weight:600;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;position:relative}.section-header .section-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#00d4ff,#0a84ff);transition:width .3s ease}.section-header .section-link:hover:after{width:100%}.section-header .section-link:hover{color:#00d4ff}.category-card{background:#111827cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.1);border-radius:16px;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d;transition:all .25s ease;padding:2rem;text-align:center;cursor:pointer;border:1px solid rgba(255,255,255,.06);text-decoration:none;display:block}.category-card:hover{border-color:#00d4ff40;box-shadow:0 8px 40px #00000080,0 0 24px #00d4ff26;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.category-card .category-icon{width:64px;height:64px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:16px;margin:0 auto 1rem;font-size:28px;position:relative;overflow:hidden}.category-card .category-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:.15}.category-card .category-name{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#e2e8f0;margin-bottom:.25rem;transition:all .15s ease}.category-card .category-count{font-size:.75rem;color:#475569;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.category-card .category-bar{height:2px;border-radius:9999px;margin-top:1rem;background:linear-gradient(135deg,#00d4ff,#0a84ff);width:40%;margin-left:auto;margin-right:auto;transition:width .3s ease;opacity:.6}.category-card:hover .category-name{color:#00d4ff}.category-card:hover .category-bar{width:80%;opacity:1}.category-card.cat-ai .category-icon{background:#00d4ff1a;color:#00d4ff}.category-card.cat-ai .category-icon:before{background:#00d4ff}.category-card.cat-web .category-icon{background:#0a84ff1a;color:#0a84ff}.category-card.cat-web .category-icon:before{background:#0a84ff}.category-card.cat-devop .category-icon{background:#00e8961a;color:#00e896}.category-card.cat-devop .category-icon:before{background:#00e896}.category-card.cat-sec .category-icon{background:#ff47571a;color:#ff4757}.category-card.cat-sec .category-icon:before{background:#ff4757}.category-card.cat-data .category-icon{background:#7c3aed1a;color:#7c3aed}.category-card.cat-data .category-icon:before{background:#7c3aed}.category-card.cat-mobile .category-icon{background:#ff6b351a;color:#ff6b35}.category-card.cat-mobile .category-icon:before{background:#ff6b35}.article-card{background:#111827cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,212,255,.1);border-radius:16px;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d;transition:all .25s ease;overflow:hidden;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;border:1px solid rgba(255,255,255,.06)}.article-card:hover{border-color:#00d4ff40;box-shadow:0 8px 40px #00000080,0 0 24px #00d4ff26;-webkit-transform:translateY(-4px);transform:translateY(-4px)}.article-card .article-thumb{position:relative;overflow:hidden;height:200px;background:#111827}.article-card .article-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.article-card .article-thumb .article-thumb-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 40%,rgba(8,12,24,.9))}.article-card .article-thumb .article-category-badge{position:absolute;top:12px;left:12px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;font-size:10px}.article-card .article-thumb .article-category-badge:hover{background:#00d4ff33;border-color:#00d4ff80}.article-card .article-thumb .article-featured-label{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#080c18;font-size:10px;font-weight:700;padding:3px 10px;border-radius:9999px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;text-transform:uppercase;letter-spacing:.05em}.article-card .article-body{padding:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.article-card .article-tags{display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.5rem}.article-card .article-title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .15s ease}.article-card .article-excerpt{font-size:.875rem;color:#94a3b8;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;-ms-flex:1;flex:1;margin-bottom:1rem}.article-card .article-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.07);margin-top:auto}.article-card .article-meta .meta-author{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.25rem}.article-card .article-meta .meta-author .author-name{font-size:.75rem;font-weight:600;color:#94a3b8}.article-card .article-meta .meta-divider{color:#475569;font-size:10px}.article-card .article-meta .meta-date{font-size:.75rem;color:#475569}.article-card .article-meta .meta-time{font-size:.75rem;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.article-card .article-meta .meta-right{margin-left:auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem}.article-card .article-meta .meta-views{font-size:.75rem;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.article-card:hover .article-thumb img{-webkit-transform:scale(1.05);transform:scale(1.05)}.article-card:hover .article-title{color:#00d4ff}.article-card-horizontal{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;overflow:hidden;display:-ms-flexbox;display:flex;gap:1rem;padding:1rem;transition:all .25s ease;text-decoration:none;border:1px solid rgba(255,255,255,.06)}.article-card-horizontal .article-thumb-sm{width:100px;height:80px;border-radius:12px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.article-card-horizontal .article-thumb-sm img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.article-card-horizontal .article-body{-ms-flex:1;flex:1;min-width:0}.article-card-horizontal .article-title{font-family:Space Grotesk,Inter,sans-serif;font-size:.875rem;font-weight:600;color:#e2e8f0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:6px;transition:all .15s ease}.article-card-horizontal .article-meta{font-size:.75rem;color:#475569}.article-card-horizontal:hover{border-color:#00d4ff40;-webkit-transform:translateX(4px);transform:translate(4px);background:#111827e6}.article-card-horizontal:hover .article-title{color:#00d4ff}.article-card-horizontal:hover .article-thumb-sm img{-webkit-transform:scale(1.05);transform:scale(1.05)}.article-card-numbered{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none}.article-card-numbered:last-child{border-bottom:none}.article-card-numbered .article-num{font-family:Space Grotesk,Inter,sans-serif;font-size:2rem;font-weight:800;min-width:44px;line-height:1;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:.3}.article-card-numbered .article-title{font-size:.875rem;font-weight:600;color:#94a3b8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5;transition:all .15s ease}.article-card-numbered .article-meta{font-size:.75rem;color:#475569;margin-top:4px}.article-card-numbered:hover .article-title{color:#00d4ff}.article-card-numbered:hover .article-num{opacity:.7}.featured-article{position:relative;border-radius:24px;overflow:hidden;min-height:480px;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;text-decoration:none}.featured-article .featured-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;-webkit-filter:brightness(.4);filter:brightness(.4)}.featured-article:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#080C18 0%,rgba(8,12,24,.5) 50%,transparent 100%)}.featured-article .featured-content{position:relative;z-index:1;padding:3rem}.featured-article .featured-content .featured-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;margin-bottom:1rem;font-size:10px}.featured-article .featured-content .featured-badge:hover{background:#00d4ff33;border-color:#00d4ff80}.featured-article .featured-content .featured-title{font-size:clamp(1.875rem,4vw,3rem);font-weight:800;color:#fff;line-height:1.2;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-article .featured-content .featured-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;color:#fff9;font-size:.875rem}.featured-article:hover .featured-bg{-webkit-transform:scale(1.03);transform:scale(1.03)}.sidebar-widget{background:#111827cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.06)}.sidebar-widget .widget-title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#e2e8f0;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.07);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.sidebar-widget .widget-title:before{content:"";display:inline-block;width:3px;height:1.2em;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:2px}.tags-cloud{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem}.newsletter-section{position:relative;background:linear-gradient(135deg,#0d1226cc,#111827cc);border:1px solid rgba(0,212,255,.15);border-radius:24px;padding:6rem;overflow:hidden;text-align:center}.newsletter-section:before{content:"";position:absolute;top:-50%;left:-20%;width:300px;height:300px;background:radial-gradient(ellipse at center,rgba(0,212,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.newsletter-section:after{content:"";position:absolute;bottom:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(ellipse at center,rgba(10,132,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.newsletter-section *{position:relative;z-index:1}.newsletter-section .newsletter-title{font-size:2.25rem;font-weight:800;margin-bottom:1rem}.newsletter-section .newsletter-subtitle{color:#94a3b8;margin-bottom:2rem;max-width:480px;margin-left:auto;margin-right:auto}.newsletter-section .newsletter-form{display:-ms-flexbox;display:flex;gap:.5rem;max-width:480px;margin:0 auto}@media (max-width: 576px){.newsletter-section .newsletter-form{-ms-flex-direction:column;flex-direction:column}}.newsletter-section .newsletter-input{-ms-flex:1;flex:1;background:#ffffff0f;border:1px solid rgba(0,212,255,.15);border-radius:9999px;color:#e2e8f0;padding:12px 20px;font-size:.875rem}.newsletter-section .newsletter-input::-webkit-input-placeholder{color:#475569}.newsletter-section .newsletter-input::-moz-placeholder{color:#475569}.newsletter-section .newsletter-input:-ms-input-placeholder{color:#475569}.newsletter-section .newsletter-input::-ms-input-placeholder{color:#475569}.newsletter-section .newsletter-input::placeholder{color:#475569}.newsletter-section .newsletter-input:focus{outline:none;border-color:#00d4ff80;background:#ffffff14}.btn-primary-tech{background:linear-gradient(135deg,#00d4ff,#0094b3);color:#080c18;font-weight:600;letter-spacing:.02em;transition:all .25s ease;border-radius:9999px;padding:12px 28px;font-size:.875rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;border:none}.btn-primary-tech:hover{box-shadow:0 0 24px #00d4ff80,0 4px 12px #00d4ff33;-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#080c18}.btn-primary-tech:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn-primary-tech.btn-sm{padding:8px 20px;font-size:.75rem}.btn-primary-tech.btn-lg{padding:16px 36px;font-size:1.125rem}.btn-secondary-tech{border:1px solid rgba(0,212,255,.4);color:#00d4ff;font-weight:500;transition:all .25s ease;border-radius:9999px;padding:12px 28px;font-size:.875rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;background:transparent}.btn-secondary-tech:hover{background:#00d4ff1a;border-color:#00d4ff;box-shadow:0 0 16px #00d4ff33;color:#00d4ff}.btn-secondary-tech.btn-sm{padding:8px 20px;font-size:.75rem}.btn-secondary-tech.btn-lg{padding:16px 36px;font-size:1.125rem}.btn-gradient{background:linear-gradient(135deg,#7c3aed,#0a84ff);border:none;border-radius:9999px;color:#fff;font-weight:600;padding:12px 28px;font-size:.875rem;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.btn-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:all .15s ease}.btn-gradient:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 30px #7c3aed66;color:#fff}.btn-gradient:hover:after{opacity:1}.btn-icon{width:40px;height:40px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#94a3b8;cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.form-control-tech{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;color:#e2e8f0;padding:12px 16px;font-size:.875rem;transition:all .25s ease;width:100%}.form-control-tech::-webkit-input-placeholder{color:#475569}.form-control-tech::-moz-placeholder{color:#475569}.form-control-tech:-ms-input-placeholder{color:#475569}.form-control-tech::-ms-input-placeholder{color:#475569}.form-control-tech::placeholder{color:#475569}.form-control-tech:focus{outline:none;background:#ffffff0f;border-color:#00d4ff80;box-shadow:0 0 0 3px #00d4ff1a,0 0 20px #00d4ff0d;color:#e2e8f0}.form-control-tech.is-invalid{border-color:#ff475780}.form-control-tech.is-invalid:focus{box-shadow:0 0 0 3px #ff47571a}.form-control-tech.is-valid{border-color:#00e89680}.form-control-tech.is-valid:focus{box-shadow:0 0 0 3px #00e8961a}.form-label-tech{font-size:.875rem;font-weight:600;color:#94a3b8;margin-bottom:.5rem;display:block}.form-group-tech{margin-bottom:1.5rem;position:relative}.form-group-tech .form-icon{position:absolute;left:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;font-size:16px;pointer-events:none;z-index:1}.form-group-tech .form-icon.has-label{top:calc(50% + 14px)}.form-group-tech .has-icon{padding-left:44px}.form-group-tech .password-toggle{position:absolute;right:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;cursor:pointer;background:none;border:none;font-size:16px;transition:all .15s ease}.form-group-tech .password-toggle.has-label{top:calc(50% + 14px)}.form-group-tech .password-toggle:hover{color:#00d4ff}.form-check-tech{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;cursor:pointer}.form-check-tech input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1px solid rgba(0,212,255,.15);border-radius:4px;background:#ffffff0a;cursor:pointer;transition:all .15s ease;-ms-flex-negative:0;flex-shrink:0}.form-check-tech input[type=checkbox]:checked{border-color:transparent;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8l4 4 6-6' stroke='%23080C18' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center/70%,linear-gradient(135deg,#00d4ff,#0a84ff);background-clip:padding-box}.form-check-tech label{font-size:.875rem;color:#94a3b8;cursor:pointer}.auth-card{background:#0d1226f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,212,255,.15);border-radius:24px;padding:4rem;box-shadow:0 24px 80px #000c;position:relative;overflow:hidden;border:1px solid rgba(0,212,255,.12)}.auth-card:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(ellipse at center,rgba(10,132,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-card:after{content:"";position:absolute;bottom:-60px;left:-60px;width:200px;height:200px;background:radial-gradient(ellipse at center,rgba(0,212,255,.15) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-card>*{position:relative;z-index:1}.auth-card .auth-logo{text-align:center;margin-bottom:2rem}.auth-card .auth-title{font-size:2.25rem;font-weight:800;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-card .auth-subtitle{text-align:center;color:#475569;font-size:.875rem;margin-bottom:3rem}.auth-card .social-divider{text-align:center;margin:2rem 0;position:relative}.auth-card .social-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff12}.auth-card .social-divider span{background:#0d1226;padding:0 1rem;color:#475569;font-size:.75rem;position:relative;z-index:1}.auth-card .btn-social{background:transparent;border:1px solid rgba(71,85,105,.4);color:#475569;font-weight:500;transition:all .25s ease;border-color:#ffffff12;border-radius:12px;padding:10px 20px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:.5rem;color:#94a3b8;margin-bottom:.5rem;font-size:.875rem}.auth-card .btn-social:hover{background:#4755691a;border-color:#475569;box-shadow:0 0 16px #47556933;color:#475569}.auth-card .btn-social:hover{background:#ffffff0d;border-color:#00d4ff26;color:#e2e8f0}.auth-card .auth-footer-text{text-align:center;color:#475569;font-size:.875rem;margin-top:1.5rem}.auth-card .auth-footer-text a{color:#00d4ff;font-weight:600}.alert-tech{border-radius:12px;padding:1rem 1.5rem;border:1px solid;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:1rem;margin-bottom:1rem;position:relative;overflow:hidden;width:100%}.alert-tech .alert-icon{font-size:18px;-ms-flex-negative:0;flex-shrink:0;margin-top:2px}.alert-tech .alert-content .alert-title{font-weight:700;font-size:.875rem;margin-bottom:4px}.alert-tech .alert-content .alert-body{font-size:.875rem;opacity:.85}.alert-tech:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}.alert-tech.alert-info{background:#00d4ff0f;border-color:#00d4ff33;color:#66e5ff}.alert-tech.alert-info:before{background:#00d4ff}.alert-tech.alert-success{background:#00e8960f;border-color:#00e89633;color:#4fffc1}.alert-tech.alert-success:before{background:#00e896}.alert-tech.alert-warning{background:#ffb8000f;border-color:#ffb80033;color:#ffd466}.alert-tech.alert-warning:before{background:#ffb800}.alert-tech.alert-danger{background:#ff47570f;border-color:#ff475733;color:#ffadb4}.alert-tech.alert-danger:before{background:#ff4757}.alert-tech.alert-purple{background:#7c3aed0f;border-color:#7c3aed33;color:#ba97f6}.alert-tech.alert-purple:before{background:#7c3aed}.footer-dark{background:#0d1226;border-top:1px solid rgba(255,255,255,.07);padding:6rem 0 2rem}.footer-dark .footer-brand .brand-name{font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.footer-dark .footer-brand .brand-desc{font-size:.875rem;color:#475569;line-height:1.7}.footer-dark .footer-brand .social-links{display:-ms-flexbox;display:flex;gap:.5rem;margin-top:1.5rem}.footer-dark .footer-brand .social-links a{width:38px;height:38px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#475569;font-size:16px;transition:all .15s ease}.footer-dark .footer-brand .social-links a:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff;box-shadow:0 0 12px #00d4ff26}.footer-dark .footer-heading{font-size:.75rem;font-weight:700;color:#e2e8f0;text-transform:uppercase;letter-spacing:.12em;margin-bottom:1.5rem}.footer-dark .footer-links{list-style:none;padding:0}.footer-dark .footer-links li{margin-bottom:.5rem}.footer-dark .footer-links a{color:#475569;font-size:.875rem;transition:all .15s ease;position:relative}.footer-dark .footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#00d4ff,#0a84ff);transition:width .3s ease}.footer-dark .footer-links a:hover:after{width:100%}.footer-dark .footer-links a:hover{color:#00d4ff}.footer-dark .footer-bottom{border-top:1px solid rgba(255,255,255,.07);margin-top:3rem;padding-top:1.5rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.footer-dark .footer-bottom .footer-copy{font-size:.75rem;color:#475569}.footer-dark .footer-bottom .footer-bottom-links{display:-ms-flexbox;display:flex;gap:1.5rem}.footer-dark .footer-bottom .footer-bottom-links a{font-size:.75rem;color:#475569;transition:all .15s ease}.footer-dark .footer-bottom .footer-bottom-links a:hover{color:#00d4ff}.search-page-hero{background:linear-gradient(135deg,#080d1a,#0a0f1e 60%,#0d1b2a);padding:40px 0 36px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.search-page-hero:before{content:"";position:absolute;top:-80px;right:-60px;width:300px;height:300px;background:radial-gradient(circle,rgba(0,212,255,.07) 0%,transparent 70%);pointer-events:none}.search-hero-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background:#ffffff0a;border:1px solid rgba(0,212,255,.25);border-radius:24px;padding:6px 6px 6px 20px;gap:1rem;max-width:680px;transition:all .25s ease}.search-hero-bar:focus-within{border-color:#00d4ff99;background:#ffffff0f;box-shadow:0 0 0 3px #00d4ff14}.search-hero-bar i.bi-search{color:#00d4ff;font-size:18px;-ms-flex-negative:0;flex-shrink:0}.search-hero-bar input{-ms-flex:1;flex:1;background:none;border:none;outline:none;color:#e2e8f0;font-size:1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-width:0}.search-hero-bar input::-webkit-input-placeholder{color:#475569}.search-hero-bar input::-moz-placeholder{color:#475569}.search-hero-bar input:-ms-input-placeholder{color:#475569}.search-hero-bar input::-ms-input-placeholder{color:#475569}.search-hero-bar input::placeholder{color:#475569}.search-hero-bar .search-submit{background:linear-gradient(135deg,#00d4ff,#0a84ff);border:none;border-radius:16px;color:#080c18;font-weight:700;font-size:.875rem;padding:10px 22px;cursor:pointer;transition:all .15s ease;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.search-hero-bar .search-submit:hover{opacity:.88;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.search-meta-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.07)}.search-meta-bar .search-count{font-size:.875rem;color:#475569}.search-meta-bar .search-count strong{color:#e2e8f0}.search-meta-bar .search-count .kw{color:#00d4ff;font-style:italic}.search-meta-bar .search-sort{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.search-meta-bar .search-sort label{font-size:.75rem;color:#475569;white-space:nowrap}.search-result{display:-ms-flexbox;display:flex;gap:1.5rem;padding:2rem 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;transition:all .15s ease}.search-result:first-child{padding-top:0}.search-result:last-child{border-bottom:none}.search-result:hover .sr-title{color:#00d4ff}.search-result:hover .sr-thumb img{-webkit-transform:scale(1.05);transform:scale(1.05)}.search-result .sr-thumb{-ms-flex-negative:0;flex-shrink:0;width:160px;height:104px;border-radius:12px;overflow:hidden;position:relative;background:#111827}.search-result .sr-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.search-result .sr-thumb .sr-type-badge{position:absolute;top:7px;left:7px;background:#080c18d9;border:1px solid rgba(255,255,255,.07);border-radius:4px;font-size:10px;font-weight:700;color:#00d4ff;padding:2px 7px;text-transform:uppercase;letter-spacing:.4px}.search-result .sr-body{-ms-flex:1;flex:1;min-width:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:6px}.search-result .sr-category{font-size:.75rem;color:#00d4ff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.search-result .sr-title{font-size:1rem;font-weight:700;color:#e2e8f0;line-height:1.35;transition:all .15s ease;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result .sr-excerpt{font-size:.875rem;color:#475569;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result mark{background:#00d4ff2e;color:#00d4ff;border-radius:3px;padding:0 3px;font-style:normal}.search-result .sr-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:2px}.search-result .sr-author{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:.75rem;color:#475569}.search-result .sr-author img{width:20px;height:20px;border-radius:9999px}.search-result .sr-date,.search-result .sr-read-time,.search-result .sr-views{font-size:.75rem;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.search-filter-panel{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.5rem;border:1px solid rgba(255,255,255,.06);margin-bottom:1.5rem}.filter-panel-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;margin-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.filter-panel-title button{background:none;border:none;color:#00d4ff;font-size:.75rem;cursor:pointer;font-weight:600;padding:0}.filter-panel-title button:hover{text-decoration:underline}.filter-group{margin-bottom:1.5rem}.filter-group:last-child{margin-bottom:0}.filter-group .fg-label{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px}.filter-group .fg-label i{color:#00d4ff;font-size:12px}.filter-group .fg-sep{height:1px;background:#ffffff12;margin:1rem 0}.filter-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:5px 0;cursor:pointer;transition:all .15s ease}.filter-check:hover .fc-label{color:#e2e8f0}.filter-check input[type=checkbox]{width:15px;height:15px;accent-color:#00D4FF;cursor:pointer;-ms-flex-negative:0;flex-shrink:0}.filter-check .fc-label{font-size:.875rem;color:#94a3b8;-ms-flex:1;flex:1;transition:all .15s ease}.filter-check .fc-count{font-size:.75rem;color:#475569;background:#ffffff0d;border-radius:9999px;padding:1px 7px}.search-tag-filter{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.search-tag-filter a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;background:#ffffff0d;border:1px solid rgba(255,255,255,.07);color:#475569;text-decoration:none;transition:all .15s ease}.search-tag-filter a:hover,.search-tag-filter a.active{background:#00d4ff1f;border-color:#00d4ff4d;color:#00d4ff}.search-empty{text-align:center;padding:6rem 2rem}.search-empty .se-icon{font-size:3.5rem;margin-bottom:1.5rem;opacity:.6}.search-empty h3{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}.search-empty p{font-size:.875rem;color:#475569;max-width:360px;margin:0 auto 2rem}.search-empty .se-suggestions{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem;-ms-flex-pack:center;justify-content:center}.popular-searches{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:1rem}.popular-searches a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9999px;padding:5px 12px;font-size:.75rem;color:#94a3b8;text-decoration:none;transition:all .15s ease}.popular-searches a i{font-size:11px;color:#00d4ff}.popular-searches a:hover{border-color:#00d4ff4d;color:#00d4ff}.article-hero{padding:6rem 0 4rem;position:relative;background:#080c18}.article-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(0,212,255,.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.article-hero .article-hero-category{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:4px 12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);border-radius:9999px;color:#00d4ff;font-size:.75rem;font-weight:500;font-family:JetBrains Mono,Fira Code,Courier New,monospace;letter-spacing:.05em;text-transform:uppercase;transition:all .15s ease;margin-bottom:1rem}.article-hero .article-hero-category:hover{background:#00d4ff33;border-color:#00d4ff80}.article-hero .article-hero-title{font-size:clamp(1.75rem,4vw,3.5rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.5rem;max-width:780px}.article-hero .article-hero-meta{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;gap:1rem;color:#94a3b8;font-size:.875rem;margin-bottom:2rem}.article-hero .article-hero-meta .meta-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px}.article-hero .article-share-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem}.article-hero .article-share-bar .share-label{font-size:.75rem;color:#475569}.article-hero .article-share-bar .share-btn{width:36px;height:36px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.07);color:#475569;transition:all .15s ease;font-size:14px;background:#ffffff0a}.article-hero .article-share-bar .share-btn:hover{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.article-cover{width:100%;height:clamp(280px,40vw,520px);-o-object-fit:cover;object-fit:cover;border-radius:24px;margin-bottom:4rem;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d}.article-content{max-width:780px;color:#94a3b8;font-size:1.125rem;line-height:1.9}.article-content h2{font-size:1.875rem;margin:4rem 0 1.5rem;padding-top:2rem;color:#e2e8f0}.article-content h2:before{content:"#";color:#00d4ff;margin-right:.5rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.article-content h3{font-size:1.5rem;margin:3rem 0 1rem;color:#e2e8f0}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:2rem}.article-content ul li,.article-content ol li{margin-bottom:.5rem;color:#94a3b8}.article-content ul li::marker,.article-content ol li::marker{color:#00d4ff}.article-content img{border-radius:16px;margin:2rem 0;box-shadow:0 4px 24px #0006,0 1px 4px #0000004d}.article-content pre{margin:2rem 0;background:#0d1117;border:1px solid rgba(0,212,255,.12);border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;color:#7dd3fc;padding:1.5rem;overflow-x:auto;position:relative}.article-content pre::-webkit-scrollbar{width:6px;height:6px}.article-content pre::-webkit-scrollbar-track{background:#0d1226}.article-content pre::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}.article-content pre::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.article-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#00d4ff,#0a84ff);opacity:.6}.article-content a{color:#00d4ff;text-decoration:underline;-webkit-text-decoration-color:rgba(0,212,255,.3);text-decoration-color:#00d4ff4d}.article-content a:hover{-webkit-text-decoration-color:#00D4FF;text-decoration-color:#00d4ff}.article-content table{width:100%;border-collapse:collapse;margin:0;font-size:.875rem}.article-content table th{background:#00d4ff14;color:#00d4ff;font-weight:700;padding:10px 16px;text-align:left;border-bottom:1px solid rgba(0,212,255,.2);font-family:Space Grotesk,Inter,sans-serif}.article-content table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.07);color:#94a3b8}.article-content table tr:hover td{background:#ffffff05}.sidebar-sticky{position:-webkit-sticky;position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.2) transparent}.sidebar-sticky::-webkit-scrollbar{width:4px}.sidebar-sticky::-webkit-scrollbar-track{background:transparent}.sidebar-sticky::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:9999px}.sidebar-sticky::-webkit-scrollbar-thumb:hover{background:#00d4ff66}.table-of-contents{background:#111827cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:2rem;border:1px solid rgba(255,255,255,.06)}.table-of-contents .toc-title{font-size:.875rem;font-weight:700;color:#00d4ff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.table-of-contents .toc-list{list-style:none;padding:0}.table-of-contents .toc-list li{border-left:2px solid rgba(255,255,255,.07);padding-left:1rem;margin-bottom:6px;transition:all .15s ease}.table-of-contents .toc-list li.active{border-left-color:#00d4ff}.table-of-contents .toc-list li.active a{color:#00d4ff}.table-of-contents .toc-list a{font-size:.75rem;color:#475569;transition:all .15s ease;display:block;padding:3px 0}.table-of-contents .toc-list a:hover{color:#94a3b8}.table-of-contents .toc-list .toc-h3{padding-left:1.5rem}.table-of-contents .toc-list .toc-h4{padding-left:3rem}.breadcrumb-tech{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.25rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.breadcrumb-tech .breadcrumb-item{font-size:.75rem;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.25rem}.breadcrumb-tech .breadcrumb-item a{color:#475569;transition:all .15s ease}.breadcrumb-tech .breadcrumb-item a:hover{color:#00d4ff}.breadcrumb-tech .breadcrumb-item:last-child{color:#00d4ff}.breadcrumb-tech .breadcrumb-item.separator{color:#475569;opacity:.4}.pagination-tech{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:.5rem;margin-top:4rem}.pagination-tech .page-item a,.pagination-tech .page-item span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:40px;height:40px;border-radius:8px;font-size:.875rem;font-weight:500;padding:0 .5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#94a3b8;transition:all .15s ease;text-decoration:none}.pagination-tech .page-item:hover a{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.pagination-tech .page-item.active a{background:linear-gradient(135deg,#00d4ff,#0a84ff);border-color:transparent;color:#080c18;font-weight:700;box-shadow:0 4px 12px #00d4ff4d}.pagination-tech .page-item.disabled span{opacity:.3;cursor:not-allowed}.search-hero{position:relative;max-width:600px;margin:0 auto}.search-hero .search-input-hero{width:100%;background:#ffffff0d;border:1px solid rgba(0,212,255,.15);border-radius:9999px;color:#e2e8f0;padding:16px 60px 16px 24px;font-size:1.125rem;transition:all .25s ease}.search-hero .search-input-hero::-webkit-input-placeholder{color:#475569}.search-hero .search-input-hero::-moz-placeholder{color:#475569}.search-hero .search-input-hero:-ms-input-placeholder{color:#475569}.search-hero .search-input-hero::-ms-input-placeholder{color:#475569}.search-hero .search-input-hero::placeholder{color:#475569}.search-hero .search-input-hero:focus{outline:none;background:#ffffff12;border-color:#00d4ff80;box-shadow:0 0 0 4px #00d4ff14,0 0 30px #00d4ff14}.search-hero .search-btn{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:44px;height:44px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:9999px;color:#080c18;border:none;cursor:pointer;transition:all .15s ease;font-size:16px}.search-hero .search-btn:hover{box-shadow:0 0 12px #00d4ff33}.category-hero{padding:6rem 0;position:relative;background:#080c18;overflow:hidden}.category-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none}.category-hero .category-hero-icon{width:80px;height:80px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:24px;font-size:36px;margin-bottom:1.5rem;position:relative;box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}.category-hero .category-hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;margin-bottom:1rem}.category-hero .category-hero-title .accent{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-hero .category-stats{display:-ms-flexbox;display:flex;gap:2rem;margin-top:2rem}.category-hero .category-stats .stat .value{font-family:Space Grotesk,Inter,sans-serif;font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.category-hero .category-stats .stat .label{font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.1em}.filter-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem;background:#111827cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;margin-bottom:3rem;border:1px solid rgba(255,255,255,.06)}.filter-bar .filter-tabs{display:-ms-flexbox;display:flex;gap:.25rem;background:#ffffff08;border-radius:12px;padding:4px}.filter-bar .filter-tab{padding:6px 16px;border-radius:8px;font-size:.75rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s ease;border:none;background:none}.filter-bar .filter-tab:hover{color:#94a3b8}.filter-bar .filter-tab.active{background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#080c18;box-shadow:0 2px 8px #00d4ff4d}.filter-bar .sort-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#94a3b8;padding:6px 14px;font-size:.75rem;cursor:pointer}.filter-bar .sort-select:focus{outline:none;border-color:#00d4ff4d}.filter-bar .sort-select option{background:#111827;color:#94a3b8}.comment-section .comment-count{font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:#e2e8f0}.comment-section .comment-count .num{background:linear-gradient(135deg,#00d4ff,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.comment-section .comment-card{display:-ms-flexbox;display:flex;gap:1rem;padding:1.5rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.comment-section .comment-card:last-child{border-bottom:none}.comment-section .comment-card .comment-body{-ms-flex:1;flex:1}.comment-section .comment-card .comment-body .comment-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;margin-bottom:.5rem}.comment-section .comment-card .comment-body .comment-header .commenter-name{font-weight:700;font-size:.875rem;color:#e2e8f0}.comment-section .comment-card .comment-body .comment-header .comment-date{font-size:.75rem;color:#475569}.comment-section .comment-card .comment-body .comment-text{font-size:.875rem;color:#94a3b8;line-height:1.7;margin-bottom:.5rem}.comment-section .comment-card .comment-body .comment-actions{display:-ms-flexbox;display:flex;gap:1rem}.comment-section .comment-card .comment-body .comment-actions button{background:none;border:none;color:#475569;font-size:.75rem;cursor:pointer;transition:all .15s ease;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.comment-section .comment-card .comment-body .comment-actions button:hover{color:#00d4ff}.post-content{color:#94a3b8;font-size:15.5px;line-height:1.85}.post-content p{margin-bottom:1.5rem}.post-content h2{font-size:1.25rem;font-weight:700;color:#e2e8f0;margin:3rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,212,255,.15)}.post-content h3{font-size:1rem;font-weight:700;color:#e2e8f0;margin:2rem 0 .5rem}.post-content strong{color:#e2e8f0}.post-content a{color:#00d4ff;text-decoration:none}.post-content a:hover{text-decoration:underline}.post-content ul,.post-content ol{padding-left:1.5rem;margin-bottom:1.5rem}.post-content ul li,.post-content ol li{margin-bottom:.5rem}.post-content ul li::marker,.post-content ol li::marker{color:#00d4ff}.post-content figure{margin:2rem 0}.post-content figure img{max-width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0006,0 1px 4px #0000004d}.post-content>img{max-width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0006,0 1px 4px #0000004d;margin:2rem 0}.post-content blockquote{border-left:3px solid #00D4FF;background:#00d4ff0d;border-radius:0 8px 8px 0;padding:1rem 1.5rem;margin:2rem 0;color:#94a3b8;font-style:italic}.post-content pre,.post-content code{font-family:JetBrains Mono,Fira Code,Courier New,monospace}.post-content pre{background:#0d1117;border:1px solid rgba(0,212,255,.12);border-radius:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;color:#7dd3fc;padding:1.5rem;overflow-x:auto;position:relative;margin:2rem 0}.post-content pre::-webkit-scrollbar{width:6px;height:6px}.post-content pre::-webkit-scrollbar-track{background:#0d1226}.post-content pre::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}.post-content pre::-webkit-scrollbar-thumb:hover{background:#00d4ff99}.post-content pre:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(135deg,#00d4ff,#0a84ff);opacity:.6}.post-content code{background:#00d4ff14;color:#7dd3fc;font-size:.875em;padding:2px 6px;border-radius:4px}.post-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.875rem}.post-content table th{background:#00d4ff14;color:#00d4ff;font-weight:700;padding:10px 16px;text-align:left;border-bottom:1px solid rgba(0,212,255,.2)}.post-content table td{padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.07);color:#94a3b8}.post-content table tr:hover td{background:#ffffff05}.content-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,212,255,.2),transparent);margin:2rem 0;border:none}.about-hero{background:linear-gradient(135deg,#080d1a,#0a0f1e 60%,#0d1b2a);padding:56px 0 48px;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(0,212,255,.08) 0%,transparent 70%);pointer-events:none}.about-hero:after{content:"";position:absolute;bottom:-60px;left:10%;width:260px;height:260px;background:radial-gradient(circle,rgba(0,232,150,.05) 0%,transparent 70%);pointer-events:none}.about-page-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;background:#00d4ff1f;border:1px solid rgba(0,212,255,.25);color:#00d4ff;font-size:.75rem;font-weight:600;padding:4px 14px;border-radius:9999px;letter-spacing:.5px;text-transform:uppercase;margin-bottom:1rem}.about-hero-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;color:#e2e8f0;line-height:1.25;margin-bottom:14px}.about-hero-title .accent{color:#00d4ff}.about-hero-desc{color:#475569;font-size:1rem;line-height:1.7;max-width:560px}.about-hero-stats{display:-ms-flexbox;display:flex;gap:3rem;margin-top:3rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.hero-stat .hero-stat-num{font-size:1.7rem;font-weight:800;font-family:Space Grotesk,Inter,sans-serif;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.hero-stat .hero-stat-label{font-size:.75rem;color:#475569;margin-top:2px}.about-sidebar-card{background:#111827b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:1.5rem 22px;margin-bottom:1.5rem}.about-sidebar-card .widget-title{font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.7px;margin-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px}.about-sidebar-card .widget-title i{color:#00d4ff}.team-member{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:1rem;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.team-member:last-child{border-bottom:none;padding-bottom:0}.team-member .team-avatar{width:42px;height:42px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,212,255,.3);-ms-flex-negative:0;flex-shrink:0}.team-member .team-name{font-size:.875rem;font-weight:600;color:#e2e8f0}.team-member .team-role{font-size:.75rem;color:#475569;margin-top:1px}.quick-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.07);text-decoration:none;color:#94a3b8;font-size:13.5px;transition:all .15s ease}.quick-link:last-child{border-bottom:none}.quick-link i{color:#00d4ff;font-size:14px;width:18px;text-align:center}.quick-link:hover{color:#00d4ff}.contact-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;font-size:.875rem;color:#94a3b8;padding:7px 0}.contact-item i{color:#00d4ff;font-size:15px;width:18px;text-align:center}.contact-item a{color:#00d4ff;text-decoration:none}.contact-item a:hover{text-decoration:underline}.social-follow-row{display:-ms-flexbox;display:flex;gap:10px;margin-top:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.social-follow-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:7px 13px;font-size:.75rem;font-weight:600;color:#94a3b8;text-decoration:none;transition:all .15s ease}.social-follow-btn:hover{background:#00d4ff1a;border-color:#00d4ff40;color:#00d4ff}.featured-tools-section{background:#0d1226}.tool-card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;text-align:center;padding:1.5rem 1rem;background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:12px;text-decoration:none;transition:all .25s ease;position:relative;overflow:hidden;gap:.5rem}.tool-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(var(--tool-color, #00D4FF),.06),transparent);opacity:0;transition:all .25s ease;pointer-events:none}.tool-card:hover{border-color:rgba(var(--tool-color, #00D4FF),.35);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 32px #00000040}.tool-card:hover:before{opacity:1}.tool-card:hover .tool-card-icon{box-shadow:0 0 20px rgba(var(--tool-color, #00D4FF),.35)}.tool-card.tool-card-more{border-style:dashed;border-color:#00d4ff26}.tool-card.tool-card-more:hover{border-color:#00d4ff59;border-style:solid}.tool-card-icon{width:52px;height:52px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:22px;color:var(--tool-color, #00D4FF);background:rgba(var(--tool-color-raw, 0, 212, 255),.1);border:1px solid rgba(var(--tool-color-raw, 0, 212, 255),.2);transition:all .25s ease;-webkit-filter:drop-shadow(0 0 6px rgba(0,0,0,.3));filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.tool-card-icon i{font-size:22px;color:var(--tool-color, #00D4FF)}.tool-card-name{font-weight:700;font-size:.875rem;color:#e2e8f0;font-family:Space Grotesk,Inter,sans-serif;line-height:1.3}.tool-card-desc{font-size:.75rem;color:#475569;line-height:1.4}.tool-card-badge{position:absolute;top:8px;right:8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:9999px;background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.25)}.tool-card-badge.tool-badge-purple{background:#818cf826;color:#818cf8;border-color:#818cf840}.tool-card-badge.tool-badge-yellow{background:#f59e0b26;color:#f59e0b;border-color:#f59e0b40}.english-hub-promo{padding:6rem 0;background:#080c18;position:relative;overflow:hidden}.english-hub-promo:before{content:"";position:absolute;top:-200px;right:-100px;width:600px;height:600px;background:radial-gradient(circle,rgba(52,211,153,.07) 0%,transparent 65%);pointer-events:none}.english-hub-promo:after{content:"";position:absolute;bottom:-150px;left:-50px;width:400px;height:400px;background:radial-gradient(circle,rgba(129,140,248,.06) 0%,transparent 65%);pointer-events:none}.eng-promo-inner{background:linear-gradient(135deg,#34d3990d,#111827cc,#818cf80d);border:1px solid rgba(52,211,153,.15);border-radius:24px;padding:4rem 3rem;position:relative;overflow:hidden}@media (max-width: 767px){.eng-promo-inner{padding:3rem 1.5rem}}.eng-promo-glow{position:absolute;top:-80px;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:400px;height:200px;background:radial-gradient(ellipse,rgba(52,211,153,.12) 0%,transparent 70%);pointer-events:none}.eng-promo-title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:#e2e8f0;line-height:1.2;letter-spacing:-.03em;margin-bottom:1rem}.eng-promo-accent{background:linear-gradient(135deg,#34d399,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eng-promo-desc{font-size:1.125rem;color:#94a3b8;line-height:1.75;margin-bottom:2rem;max-width:480px}.eng-promo-features{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:.5rem;margin-bottom:2rem}.eng-promo-feat{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;font-weight:500}.eng-promo-feat i{color:#34d399;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.btn-eng-primary{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:11px 22px;background:linear-gradient(135deg,#34d399,#10b981);color:#0a1628;font-weight:700;font-size:.875rem;border-radius:8px;text-decoration:none;transition:all .25s ease;border:none;font-family:Space Grotesk,Inter,sans-serif}.btn-eng-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 28px #34d39966;color:#0a1628}.btn-eng-outline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:10px 20px;background:transparent;color:#34d399;font-weight:700;font-size:.875rem;border-radius:8px;text-decoration:none;transition:all .25s ease;border:1px solid rgba(52,211,153,.35);font-family:Space Grotesk,Inter,sans-serif}.btn-eng-outline:hover{background:#34d3991a;border-color:#34d39999;color:#34d399;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.eng-promo-visual{position:relative;height:320px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media (max-width: 991px){.eng-promo-visual{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem}}.eng-promo-card{position:absolute;background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1rem 1.5rem;box-shadow:0 8px 32px #0000004d}@media (max-width: 991px){.eng-promo-card{position:relative;inset:auto!important;-webkit-transform:none!important;transform:none!important}}.eng-promo-card.eng-promo-card-1{top:10px;left:0;min-width:220px;border-color:#34d39940;z-index:2}.eng-promo-card.eng-promo-card-2{top:50%;right:-10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);min-width:230px;max-width:260px;z-index:3;border-color:#818cf840}.eng-promo-card.eng-promo-card-3{bottom:10px;left:20px;min-width:210px;z-index:2}.eng-word-display{font-family:Space Grotesk,Inter,sans-serif;font-size:1.4rem;font-weight:800;color:#34d399;letter-spacing:-.02em}.eng-promo-feedback{font-size:12px;color:#94a3b8;line-height:1.6}.eng-promo-feedback em{font-style:normal;color:#818cf8;font-weight:600}.eng-promo-progress-bar{height:6px;background:#ffffff14;border-radius:9999px;overflow:hidden}.eng-promo-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#10b981);border-radius:9999px;transition:width .6s ease}.eng-promo-stats{position:absolute;bottom:-10px;right:20px;display:-ms-flexbox;display:flex;gap:1.5rem;background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:1rem 2rem;box-shadow:0 8px 32px #0000004d}@media (max-width: 991px){.eng-promo-stats{position:relative;bottom:auto;right:auto;grid-column:span 2;-ms-flex-pack:center;justify-content:center}}.eng-promo-stat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:2px}.eng-promo-stat-num{font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem;font-weight:800;color:#34d399;line-height:1}.eng-promo-stat-label{font-size:10px;color:#475569;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.code-container{position:relative;margin-bottom:1.25rem}.docs-block-prettycode-code{border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.docs-block-prettycode-code pre{margin:0;border-radius:0;background:#282c34;padding:0;overflow-x:auto}.docs-block-prettycode-code pre code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:13.5px;line-height:1.65;background:#282c34!important;padding:10px;display:block;white-space:pre}.prettycode-header{display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;background:#21252b;border-bottom:1px solid rgba(255,255,255,.08);min-height:36px}.prettycode-lang{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:4px 14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;font-family:JetBrains Mono,Fira Code,Courier New,monospace;background:#4c607f}.prettycode-lang.is-lang-html,.prettycode-lang.is-lang-xml{background:#e34c26}.prettycode-lang.is-lang-css{background:#264de4}.prettycode-lang.is-lang-js,.prettycode-lang.is-lang-jsx{background:#f0db4f;color:#1a1a1a}.prettycode-lang.is-lang-ts{background:#3178c6}.prettycode-lang.is-lang-php{background:#777bb3}.prettycode-lang.is-lang-json{background:#40a9ff;color:#0d1117}.prettycode-lang.is-lang-python{background:#3572a5}.prettycode-lang.is-lang-bash,.prettycode-lang.is-lang-shell{background:#00e896;color:#0d1117}.prettycode-lang.is-lang-sql{background:#e38c00;color:#0d1117}.prettycode-lang.is-lang-sass,.prettycode-lang.is-lang-scss{background:#c69}.prettycode-file{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:4px 12px;font-size:12px;color:#fff6;font-family:JetBrains Mono,Fira Code,Courier New,monospace;background:#21252b}.prettycode-try{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:4px 14px;background:#00d4ff1a;border-left:1px solid rgba(0,212,255,.2)}.prettycode-try a{font-size:12px;color:#00d4ff;text-decoration:none;font-weight:600;white-space:nowrap}.prettycode-try a:hover{color:#fff}.hljs-ln{border-collapse:collapse;width:100%;margin-top:0!important}.hljs-ln td{padding:5px 0;border:none;border-bottom:1px dotted rgba(255,255,255,.06)}.hljs-ln tr:last-child td{border-bottom:none}.hljs-ln .hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:right;padding:5px;color:#4b5263;font-size:12.5px;border-right:1px solid rgba(255,255,255,.06);min-width:42px;width:50px;vertical-align:top;background:#21252b}.hljs-ln .hljs-ln-code{padding:5px 0 5px 16px}.hljs-ln tr:hover .hljs-ln-numbers{color:#6b7280}.hljs-ln tr:hover td.hljs-ln-code{background:#ffffff08}.copy-button{position:absolute;top:44px;right:10px;padding:4px 10px;font-size:11px;font-weight:600;background:#00d4ff26;color:#00d4ff;border:1px solid rgba(0,212,255,.3);border-radius:6px;cursor:pointer;transition:background .2s,color .2s;font-family:JetBrains Mono,Fira Code,Courier New,monospace;z-index:2}.copy-button:hover{background:#00d4ff;color:#0d1117}.newsletter-modal{background:#111827;border:1px solid rgba(0,212,255,.15);border-radius:16px;overflow:hidden}.modal-backdrop+.newsletter-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.newsletter-modal .newsletter-modal-body{text-align:center;padding:3rem 2rem 2rem}.newsletter-modal .newsletter-modal-body.newsletter-modal-success .newsletter-modal-icon i{color:#00e896;-webkit-filter:drop-shadow(0 0 12px rgba(0,232,150,.5));filter:drop-shadow(0 0 12px rgba(0,232,150,.5))}.newsletter-modal .newsletter-modal-body.newsletter-modal-success .newsletter-modal-title{color:#00e896}.newsletter-modal .newsletter-modal-body.newsletter-modal-error{border-top:3px solid #FF4757}.newsletter-modal .newsletter-modal-body.newsletter-modal-error .newsletter-modal-icon i{color:#ff4757;-webkit-filter:drop-shadow(0 0 12px rgba(255,71,87,.5));filter:drop-shadow(0 0 12px rgba(255,71,87,.5))}.newsletter-modal .newsletter-modal-body.newsletter-modal-error .newsletter-modal-title{color:#ff4757}.newsletter-modal .newsletter-modal-icon{font-size:3rem;margin-bottom:1rem;line-height:1}.newsletter-modal .newsletter-modal-title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.newsletter-modal .newsletter-modal-msg{color:#94a3b8;font-size:.875rem;margin-bottom:0}.dev-forge-like-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:5px 10px;background:#ff47570f;border:1px solid rgba(255,71,87,.18);border-radius:8px;color:#ff475799;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.dev-forge-like-btn:hover{background:#ff475724;border-color:#ff475759;color:#ff4757}.dev-forge-like-btn.liked,.dev-forge-like-btn:disabled.liked{background:#ff475724;border-color:#ff475766;color:#ff4757}.dev-forge-like-btn:disabled{opacity:.7;cursor:not-allowed}.dev-forge-like-btn i{font-size:14px;line-height:1}.dev-forge-like-btn .like-count{font-size:11px;font-weight:700;line-height:1}.post-card-wrap>.dev-forge-like-btn{position:absolute;bottom:12px;right:12px;z-index:2}.post-card-wrap>.article-card .article-meta{padding-right:48px}.post-card-wrap>.post-card .post-card-footer{padding-right:48px}.dashboard-wrap{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 72px)}.dash-sidebar{position:-webkit-sticky;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.2) transparent;background:#080d1a;border-right:1px solid rgba(255,255,255,.05);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:24px}.dash-sidebar::-webkit-scrollbar{width:3px}.dash-sidebar::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.sidebar-user{padding:28px 20px 20px;border-bottom:1px solid rgba(255,255,255,.05);text-align:center}.sidebar-avatar-wrap{position:relative;display:inline-block;margin-bottom:12px}.sidebar-avatar{width:72px;height:72px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:2px solid rgba(0,212,255,.35);box-shadow:0 0 20px #00d4ff26}.sidebar-avatar-badge{position:absolute;bottom:2px;right:2px;width:18px;height:18px;background:#00e896;border-radius:9999px;border:2px solid #080D1A}.sidebar-user-name{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:2px}.sidebar-user-email{font-size:11.5px;color:#475569;margin-bottom:10px}.sidebar-user-level{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:3px 10px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);border-radius:9999px;font-size:11px;font-weight:600;color:#00d4ff}.user-info.user-info--lg{padding:14px 16px}.sidebar-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-stat{text-align:center;padding:8px 4px;border-radius:8px;background:#ffffff05}.sidebar-stat-val{font-size:17px;font-weight:800;color:#e2e8f0;line-height:1;margin-bottom:3px}.sidebar-stat-val.cyan{color:#00d4ff}.sidebar-stat-val.green{color:#00e896}.sidebar-stat-val.purple{color:#7c3aed}.sidebar-stat-val.orange{color:#ff6b35}.sidebar-stat-lbl{font-size:10px;color:#475569;font-weight:500}.sidebar-nav{padding:12px 10px 0;-ms-flex:1;flex:1}.sidebar-nav-section{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2d3748;padding:14px 12px 6px}.sidebar-nav-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:13.5px;font-weight:500;color:#64748b;text-decoration:none;transition:all .15s ease;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;position:relative}.sidebar-nav-link i{font-size:15px;width:18px;text-align:center}.sidebar-nav-link:hover{background:#ffffff0a;color:#cbd5e1}.sidebar-nav-link.active{background:#00d4ff1a;color:#00d4ff;font-weight:600}.sidebar-nav-link.danger:hover{background:#ff475712;color:#ff4757}.sidebar-nav-link .nav-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#ff475733;color:#ff4757;font-size:10px;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.sidebar-nav-link .nav-badge.green{background:#00e89626;color:#00e896}.sidebar-nav-link .nav-badge.cyan{background:#00d4ff1f;color:#00d4ff}.dash-main{padding:28px 32px 60px;min-width:0;background:#0a0f1e}.dash-page-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.dash-page-title{font-size:22px;font-weight:800;color:#e2e8f0;margin:0}.dash-page-title span{color:#00d4ff}.dash-breadcrumb{font-size:12px;color:#475569;margin:0}.dash-breadcrumb a{color:#475569;text-decoration:none}.dash-breadcrumb a:hover{color:#00d4ff}.dash-panel{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.section-heading{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:14px}.section-heading h3{font-size:15px;font-weight:700;color:#e2e8f0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.section-heading h3 i{color:#00d4ff;font-size:15px}.section-link{font-size:12px;color:#475569;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;transition:all .15s ease}.section-link:hover{color:#00d4ff}.dash-sidebar-toggle{display:none;position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:9999px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#0a0f1e;border:none;font-size:20px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 8px 24px #00d4ff59;cursor:pointer;z-index:1300}.dash-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1199}.dash-sidebar-overlay.show{display:block}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:14px;transition:border-color .2s,-webkit-transform .2s;transition:border-color .2s,transform .2s;transition:border-color .2s,transform .2s,-webkit-transform .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.stat-card.cyan:before{background:linear-gradient(90deg,#00d4ff,#0a84ff)}.stat-card.green:before{background:linear-gradient(90deg,#00e896,#0a84ff)}.stat-card.purple:before{background:linear-gradient(90deg,#7c3aed,#0a84ff)}.stat-card.orange:before{background:linear-gradient(90deg,#ff6b35,#f59e0b)}.stat-card:hover{border-color:#ffffff1f;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-icon{width:44px;height:44px;border-radius:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-ms-flex-negative:0;flex-shrink:0}.stat-icon.cyan{background:#00d4ff1a;color:#00d4ff}.stat-icon.green{background:#00e8961a;color:#00e896}.stat-icon.purple{background:#7c3aed1a;color:#7c3aed}.stat-icon.orange{background:#ff6b351a;color:#ff6b35}.stat-info{-ms-flex:1;flex:1;min-width:0}.stat-value{font-size:26px;font-weight:800;color:#e2e8f0;line-height:1;margin-bottom:4px}.stat-label{font-size:12px;color:#475569;font-weight:500}.stat-change{font-size:11px;margin-top:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:3px}.stat-change.up{color:#00e896}.stat-change.down{color:#ff4757}.dash-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-bottom:24px}.activity-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}.activity-item{display:-ms-flexbox;display:flex;gap:12px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04);-ms-flex-align:start;align-items:flex-start}.activity-item:last-child{border-bottom:none}.activity-dot-wrap{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;padding-top:3px}.activity-dot{width:9px;height:9px;border-radius:9999px;-ms-flex-negative:0;flex-shrink:0}.activity-line{width:1px;-ms-flex:1;flex:1;background:#ffffff0d;margin-top:4px;min-height:20px}.activity-body{-ms-flex:1;flex:1;min-width:0}.activity-text{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:3px}.activity-text strong{color:#cbd5e1;font-weight:600}.activity-text a{color:#00d4ff;text-decoration:none}.activity-time{font-size:11px;color:#334155}.activity-icon{width:34px;height:34px;border-radius:9px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px;-ms-flex-negative:0;flex-shrink:0}.saved-article{display:-ms-flexbox;display:flex;gap:12px;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.04);background:#ffffff05;text-decoration:none;transition:all .15s ease;margin-bottom:8px}.saved-article:last-child{margin-bottom:0}.saved-article:hover{border-color:#00d4ff26;background:#00d4ff0a}.saved-article-thumb{width:72px;height:52px;border-radius:8px;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.saved-article-info{-ms-flex:1;flex:1;min-width:0}.saved-article-cat{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#00d4ff;margin-bottom:4px}.saved-article-title{font-size:13px;font-weight:600;color:#cbd5e1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin-bottom:5px}.saved-article-meta{font-size:11px;color:#334155;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.reading-card{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.reading-card-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.04)}.reading-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid rgba(255,255,255,.03);text-decoration:none;transition:background .15s}.reading-item:last-child{border-bottom:none}.reading-item:hover{background:#ffffff05}.reading-item-thumb{width:40px;height:40px;border-radius:8px;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.reading-item-info{-ms-flex:1;flex:1;min-width:0}.reading-item-title{font-size:12.5px;font-weight:600;color:#cbd5e1;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:5px}.reading-progress-bar-wrap{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.reading-progress-bar{height:100%;border-radius:2px;background:linear-gradient(90deg,#00d4ff,#0a84ff)}.reading-pct{font-size:11px;color:#475569;-ms-flex-negative:0;flex-shrink:0;font-weight:600}.notif-item{display:-ms-flexbox;display:flex;gap:12px;padding:12px;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);margin-bottom:8px;transition:border-color .15s}.notif-item:last-child{margin-bottom:0}.notif-item.unread{border-left:2px solid #00D4FF;background:#00d4ff08}.notif-item:hover{border-color:#ffffff1a}.notif-icon{width:36px;height:36px;border-radius:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:15px;-ms-flex-negative:0;flex-shrink:0}.notif-body{-ms-flex:1;flex:1;min-width:0}.notif-text{font-size:12.5px;color:#94a3b8;line-height:1.5;margin-bottom:3px}.notif-text strong{color:#cbd5e1}.notif-time{font-size:11px;color:#334155}.notif-unread-dot{width:7px;height:7px;border-radius:9999px;background:#00d4ff;-ms-flex-negative:0;flex-shrink:0;margin-top:5px}.tags-cloud{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.tag-cloud-item{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:5px 12px;border-radius:9999px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#64748b;cursor:pointer;text-decoration:none;transition:all .15s ease}.tag-cloud-item:hover{color:#cbd5e1;border-color:#ffffff26;background:#ffffff0f}.tag-cloud-item.followed{color:#00d4ff;border-color:#00d4ff4d;background:#00d4ff12}.tag-cloud-item .tag-count{font-size:10px;color:#334155}.profile-complete{background:linear-gradient(135deg,#00d4ff12,#7c3aed12);border:1px solid rgba(0,212,255,.12);border-radius:16px;padding:20px;margin-bottom:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px}.profile-complete-ring{position:relative;width:60px;height:60px;-ms-flex-negative:0;flex-shrink:0}.profile-complete-ring svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.profile-complete-ring .ring-val{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;font-weight:800;color:#00d4ff}.profile-complete-body{-ms-flex:1;flex:1}.profile-complete-title{font-size:13.5px;font-weight:700;color:#e2e8f0;margin-bottom:4px}.profile-complete-desc{font-size:12px;color:#64748b;margin-bottom:10px}.profile-complete-steps{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:5px}.pcs-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;font-size:12px;color:#64748b}.pcs-item i{font-size:12px}.pcs-item.done{color:#00e896}.streak-wrap{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap}.streak-day{width:20px;height:20px;border-radius:4px;background:#ffffff05;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:8px;color:#2d3748;transition:background .15s;cursor:default}.streak-day.read{background:#00d4ff40;color:#00d4ff}.streak-day.today{background:#00d4ff;color:#0a0f1e;font-weight:700}.notif-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.notif-summary-card{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;transition:border-color .2s,-webkit-transform .2s;transition:border-color .2s,transform .2s;transition:border-color .2s,transform .2s,-webkit-transform .2s}.notif-summary-card:hover{border-color:#ffffff1a;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nsc-icon{width:40px;height:40px;border-radius:11px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:17px;-ms-flex-negative:0;flex-shrink:0}.nsc-body{-ms-flex:1;flex:1;min-width:0}.nsc-val{font-size:22px;font-weight:800;color:#e2e8f0;line-height:1;margin-bottom:3px}.nsc-lbl{font-size:11.5px;color:#475569;font-weight:500}.notif-filter-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:16px}.nft{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:6px 14px;border-radius:9999px;font-size:12.5px;font-weight:500;border:1px solid rgba(255,255,255,.07);background:#ffffff08;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.nft:hover{color:#cbd5e1;border-color:#ffffff24;background:#ffffff0d}.nft.active{color:#00d4ff;border-color:#00d4ff4d;background:#00d4ff14;font-weight:600}.nft .nft-badge{min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;font-weight:700;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.nft.active .nft-badge{background:#00d4ff33;color:#00d4ff}.nft:not(.active) .nft-badge{background:#ffffff14;color:#475569}.notif-bulk-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.notif-bulk-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.bulk-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#64748b;cursor:pointer;transition:all .15s ease}.bulk-btn:hover{color:#cbd5e1;border-color:#ffffff26;background:#ffffff0f}.bulk-btn.primary{border-color:#00d4ff40;background:#00d4ff0f;color:#00d4ff}.bulk-btn.primary:hover{background:#00d4ff1f}.bulk-btn.danger{border-color:#ff475733;background:#ff47570a;color:#ff4757}.bulk-btn.danger:hover{background:#ff47571a}.notif-sort{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#475569}.notif-sort select{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:#94a3b8;font-size:12px;padding:4px 8px;cursor:pointer;outline:none}.notif-sort select option{background:#0a0f1e;color:#cbd5e1}.notif-date-group{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#2d3748;padding:18px 0 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.notif-date-group:after{content:"";-ms-flex:1;flex:1;height:1px;background:#ffffff0a}.notif-row{display:-ms-flexbox;display:flex;gap:14px;padding:14px 16px;border-radius:13px;border:1px solid rgba(255,255,255,.04);background:#ffffff04;margin-bottom:6px;transition:border-color .15s,background .15s;position:relative}.notif-row:last-child{margin-bottom:0}.notif-row.unread{border-left:2px solid #00D4FF;background:#00d4ff08}.notif-row.unread-red{border-left:2px solid #FF4757;background:#ff475706}.notif-row.unread-green{border-left:2px solid #00E896;background:#00e89606}.notif-row.unread-purple{border-left:2px solid #7C3AED;background:#7c3aed08}.notif-row.unread-orange{border-left:2px solid #FF6B35;background:#ff6b3506}.notif-row:hover{border-color:#ffffff1a;background:#ffffff08}.notif-row.unread:hover{background:#00d4ff0e}.notif-row-icon{width:40px;height:40px;border-radius:11px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;-ms-flex-negative:0;flex-shrink:0;margin-top:1px}.notif-row-body{-ms-flex:1;flex:1;min-width:0}.notif-row-title{font-size:13.5px;color:#cbd5e1;line-height:1.55;margin-bottom:4px}.notif-row-title strong{color:#e2e8f0;font-weight:600}.notif-row-title a{color:#00d4ff;text-decoration:none}.notif-row-title a:hover{text-decoration:underline}.notif-row-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;font-size:11.5px;color:#334155}.notif-row-meta i{font-size:11px}.notif-type-tag{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:3px;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:600}.notif-row-right{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-negative:0;flex-shrink:0;gap:8px}.unread-dot{width:8px;height:8px;border-radius:9999px;-ms-flex-negative:0;flex-shrink:0}.notif-row-actions{display:-ms-flexbox;display:flex;gap:4px;opacity:0;transition:opacity .15s}.notif-row:hover .notif-row-actions{opacity:1}.nr-action-btn{width:28px;height:28px;border-radius:7px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:12px;cursor:pointer;transition:all .15s ease;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#475569}.nr-action-btn:hover{color:#cbd5e1;background:#ffffff14}.nr-action-btn.delete:hover{color:#ff4757;border-color:#ff475733;background:#ff47570f}.notif-thumb{width:52px;height:38px;border-radius:7px;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0;border:1px solid rgba(255,255,255,.06);margin-top:2px}.notif-empty{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:56px 24px;text-align:center}.notif-empty-icon{width:72px;height:72px;border-radius:9999px;background:#00d4ff0f;border:1px solid rgba(0,212,255,.12);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:28px;margin:0 auto 16px}.notif-empty h4{font-size:15px;font-weight:700;color:#e2e8f0;margin-bottom:6px}.notif-empty p{font-size:13px;color:#475569;max-width:280px}.notif-settings-card{background:#11182780;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px 18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}.notif-settings-icon{width:38px;height:38px;border-radius:10px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;color:#00d4ff;-ms-flex-negative:0;flex-shrink:0}.profile-tabs{display:-ms-flexbox;display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:28px;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.profile-tab{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:500;color:#475569;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.profile-tab i{font-size:14px}.profile-tab:hover{color:#94a3b8}.profile-tab.active{color:#00d4ff;border-bottom-color:#00d4ff;font-weight:600}.tab-panel{display:none}.tab-panel.active{display:block}.profile-card{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;margin-bottom:20px}.profile-card-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.profile-card-title{font-size:14px;font-weight:700;color:#e2e8f0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;margin:0}.profile-card-title i{color:#00d4ff}.profile-card-body{padding:20px}.avatar-section{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:24px;padding:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.avatar-upload-wrap{position:relative;-ms-flex-negative:0;flex-shrink:0}.avatar-large{width:100px;height:100px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(0,212,255,.3);box-shadow:0 0 30px #00d4ff26;display:block}.avatar-upload-btn{position:absolute;bottom:2px;right:2px;width:30px;height:30px;border-radius:9999px;background:linear-gradient(135deg,#00d4ff,#0a84ff);border:2px solid #0A0F1E;color:#0a0f1e;font-size:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.avatar-upload-btn:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.avatar-info{-ms-flex:1;flex:1;min-width:200px}.avatar-info h4{font-size:18px;font-weight:800;color:#e2e8f0;margin-bottom:4px}.avatar-info p{font-size:12.5px;color:#64748b;margin-bottom:14px}.avatar-hints{font-size:11.5px;color:#334155;margin:0}.btn-upload{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:8px 18px;background:#00d4ff14;border:1px solid rgba(0,212,255,.25);border-radius:9px;color:#00d4ff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-upload:hover{background:#00d4ff24}.badge-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;padding:0 24px 20px}.user-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:5px 12px;border-radius:9999px;font-size:11.5px;font-weight:600}.user-badge.pro{background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);color:#00d4ff}.user-badge.verify{background:#00e8961a;border:1px solid rgba(0,232,150,.25);color:#00e896}.user-badge.member{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#64748b}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.form-full{grid-column:1/-1}.form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:6px}.form-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.form-label .required{color:#ff4757;margin-left:2px}.form-control-dark{width:100%;padding:10px 14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#e2e8f0;font-size:13.5px;font-family:inherit;transition:border-color .15s,background .15s;outline:none;resize:vertical}.form-control-dark:focus{border-color:#00d4ff66;background:#00d4ff0a}.form-control-dark::-webkit-input-placeholder{color:#2d3748}.form-control-dark::-moz-placeholder{color:#2d3748}.form-control-dark:-ms-input-placeholder{color:#2d3748}.form-control-dark::-ms-input-placeholder{color:#2d3748}.form-control-dark::placeholder{color:#2d3748}.form-control-dark:disabled{background:#ffffff05;color:#334155;cursor:not-allowed}.form-control-dark[type=select],.form-control-darkselect{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-control-dark option{background:#0a0f1e;color:#e2e8f0}select.form-control-dark{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;line-height:1.5;padding-top:10.9px;padding-bottom:10.9px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23475569'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}select.form-control-dark option{background:#0a0f1e;color:#e2e8f0}.form-hint{font-size:11px;color:#334155;margin:0}.form-hint.error{color:#ff4757}.form-hint.success{color:#00e896}.input-icon-wrap{position:relative}.input-icon-wrap .input-icon{position:absolute;left:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#2d3748;font-size:14px;pointer-events:none}.input-icon-wrap .form-control-dark{padding-left:38px}.input-icon-wrap .input-suffix{position:absolute;right:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:11.5px;color:#475569;white-space:nowrap}.btn-primary-dark{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:10px 22px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#0a0f1e;font-weight:700;font-size:13.5px;border:none;border-radius:10px;cursor:pointer;transition:box-shadow .2s,-webkit-transform .15s;transition:box-shadow .2s,transform .15s;transition:box-shadow .2s,transform .15s,-webkit-transform .15s}.btn-primary-dark:hover{box-shadow:0 0 24px #00d4ff66;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-ghost-dark{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:10px 22px;background:transparent;border:1px solid rgba(255,255,255,.1);color:#64748b;font-size:13.5px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn-ghost-dark:hover{border-color:#fff3;color:#cbd5e1}.btn-danger-ghost{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:10px 22px;background:transparent;border:1px solid rgba(255,71,87,.25);color:#ff4757;font-size:13.5px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .15s ease}.btn-danger-ghost:hover{background:#ff475714;border-color:#ff475780}.chpw-alert{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:8px;font-size:13.5px;line-height:1.5}.chpw-alert--success{background:#00e8961a;border:1px solid rgba(0,232,150,.25);color:#00e896}.chpw-alert--danger{background:#ff47571a;border:1px solid rgba(255,71,87,.25);color:#ff4757}.chpw-eye{position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#2d3748;font-size:15px;line-height:1;transition:color .15s}.chpw-eye:hover{color:#64748b}.form-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);margin-top:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.form-actions .save-hint{font-size:11.5px;color:#334155;margin-left:auto}.social-link-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04)}.social-link-row:last-child{border-bottom:none}.social-icon{width:36px;height:36px;border-radius:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;-ms-flex-negative:0;flex-shrink:0}.social-label{font-size:13px;font-weight:600;color:#94a3b8;width:90px;-ms-flex-negative:0;flex-shrink:0}.social-verified{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#00e896;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.password-strength{height:4px;border-radius:2px;background:#ffffff0f;overflow:hidden;margin-top:6px}.password-strength-bar{height:100%;border-radius:2px;transition:width .3s,background .3s}.strength-label{font-size:11px;margin-top:4px}.danger-zone{background:#ff47570a;border:1px solid rgba(255,71,87,.12);border-radius:16px;overflow:hidden}.danger-zone-header{padding:14px 20px;border-bottom:1px solid rgba(255,71,87,.08);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.danger-zone-title{font-size:14px;font-weight:700;color:#ff4757;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;margin:0}.danger-zone-desc{font-size:12.5px;color:#64748b;margin-bottom:14px}.danger-action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:14px 20px;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;border-bottom:1px solid rgba(255,71,87,.06)}.danger-action:last-child{border-bottom:none}.danger-action-info h5{font-size:13.5px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.danger-action-info p{font-size:12px;color:#64748b;margin:0}.notif-toggle-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.04);gap:16px}.notif-toggle-row:last-child{border-bottom:none}.notif-toggle-row-info h5{font-size:13.5px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.notif-toggle-row-info p{font-size:12px;color:#64748b;margin:0}.notif-toggle-info h5{font-size:13.5px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.notif-toggle-info p{font-size:12px;color:#64748b;margin:0}.toggle-switch{position:relative;width:44px;height:24px;-ms-flex-negative:0;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-mini{text-align:center;padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.stat-mini-val{font-size:24px;font-weight:800;color:#e2e8f0;line-height:1}.stat-mini-lbl{font-size:11px;color:#475569;margin-top:4px}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.achievement{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:7px;padding:14px 8px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;text-align:center;transition:border-color .15s}.achievement:hover{border-color:#ffffff1a}.achievement.locked{opacity:.35;-webkit-filter:grayscale(.8);filter:grayscale(.8)}.achievement-icon{font-size:28px;line-height:1}.achievement-name{font-size:11px;font-weight:600;color:#94a3b8}.achievement-desc{font-size:10px;color:#334155}.settings-wrap{display:grid;grid-template-columns:200px 1fr;gap:24px;-ms-flex-align:start;align-items:start}.settings-nav{position:-webkit-sticky;position:sticky;top:88px;background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:8px;overflow:hidden}.settings-nav-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:9px 12px;border-radius:9px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .15s ease;border:none;background:transparent;width:100%;text-align:left;white-space:nowrap}.settings-nav-item i{font-size:14px;width:16px;text-align:center;-ms-flex-negative:0;flex-shrink:0}.settings-nav-item:hover{background:#ffffff0a;color:#cbd5e1}.settings-nav-item.active{background:#00d4ff1a;color:#00d4ff;font-weight:600}.settings-nav-item .snav-badge{margin-left:auto;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#ff475733;color:#ff4757;font-size:9px;font-weight:700;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.settings-nav-sep{height:1px;background:#ffffff0d;margin:6px 0}.settings-section{display:none}.settings-section.active{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:20px}.set-card{background:#11182799;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden}.set-card-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.set-card-title{font-size:14px;font-weight:700;color:#e2e8f0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;margin:0}.set-card-title i{color:#00d4ff;font-size:15px}.set-card-desc{font-size:12px;color:#475569;margin:0}.set-card-body{padding:0}.set-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.04);gap:20px;transition:background .12s}.set-row:last-child{border-bottom:none}.set-row:hover{background:#ffffff03}.set-row-info{-ms-flex:1;flex:1;min-width:0}.set-row-label{font-size:13.5px;font-weight:600;color:#e2e8f0;margin-bottom:3px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px}.set-row-desc{font-size:12px;color:#475569;margin:0;line-height:1.5}.set-row-control{-ms-flex-negative:0;flex-shrink:0}.toggle-sw{position:relative;width:44px;height:24px;display:inline-block;-ms-flex-negative:0;flex-shrink:0}.toggle-sw input{opacity:0;width:0;height:0}.toggle-sw .toggle-track,.toggle-switch .toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#ffffff1a;border-radius:24px;transition:background .2s}.toggle-sw .toggle-track:before,.toggle-switch .toggle-track:before{content:"";position:absolute;left:3px;bottom:3px;width:18px;height:18px;border-radius:9999px;background:#fff;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;box-shadow:0 1px 4px #0000004d}.toggle-sw input:checked+.toggle-track,.toggle-switch input:checked+.toggle-track{background:#00d4ff}.toggle-sw input:checked+.toggle-track:before,.toggle-switch input:checked+.toggle-track:before{-webkit-transform:translateX(20px);transform:translate(20px)}.toggle-sw input:disabled+.toggle-track{opacity:.4;cursor:not-allowed}.set-select{padding:7px 30px 7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#cbd5e1;font-size:13px;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23475569'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;min-width:140px;outline:none;transition:border-color .15s}.set-select:focus{border-color:#00d4ff66}.set-select option{background:#0a0f1e;color:#e2e8f0}.set-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:7px 16px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap}.set-btn-ghost{background:transparent;border-color:#ffffff1a;color:#64748b}.set-btn-ghost:hover{border-color:#fff3;color:#cbd5e1}.set-btn-primary{background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#0a0f1e;border:none}.set-btn-primary:hover{box-shadow:0 0 18px #00d4ff59}.set-btn-danger{background:transparent;border-color:#ff475740;color:#ff4757}.set-btn-danger:hover{background:#ff475714;border-color:#ff475780}.set-btn-warn{background:transparent;border-color:#f59e0b40;color:#f59e0b}.set-btn-warn:hover{background:#f59e0b14;border-color:#f59e0b80}.set-input{padding:7px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:9px;color:#e2e8f0;font-size:13px;font-family:inherit;outline:none;transition:border-color .15s;min-width:220px}.set-input:focus{border-color:#00d4ff66}.set-input::-webkit-input-placeholder{color:#2d3748}.set-input::-moz-placeholder{color:#2d3748}.set-input:-ms-input-placeholder{color:#2d3748}.set-input::-ms-input-placeholder{color:#2d3748}.set-input::placeholder{color:#2d3748}.set-pill{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:3px 10px;border-radius:9999px;font-size:11px;font-weight:700}.set-pill.green{background:#00e8961a;border:1px solid rgba(0,232,150,.25);color:#00e896}.set-pill.red{background:#ff47571a;border:1px solid rgba(255,71,87,.25);color:#ff4757}.set-pill.yellow{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.set-pill.cyan{background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);color:#00d4ff}.set-pill.gray{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#64748b}.set-save-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:14px 20px;background:#00d4ff0a;border-top:1px solid rgba(0,212,255,.1)}.set-save-bar .save-hint{font-size:11.5px;color:#334155;margin-left:auto}.theme-picker{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.theme-swatch{width:36px;height:36px;border-radius:10px;cursor:pointer;position:relative;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s;border:2px solid transparent}.theme-swatch:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.theme-swatch.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.theme-swatch .check{position:absolute;top:0;right:0;bottom:0;left:0;display:none;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:14px}.theme-swatch.active .check{display:-ms-flexbox;display:flex}.font-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .15s ease;background:#ffffff05}.font-option:hover{border-color:#ffffff24}.font-option.active{border-color:#00d4ff59;background:#00d4ff0d}.font-option .font-preview{font-size:18px;font-weight:700;color:#e2e8f0;width:40px;text-align:center}.font-option .font-name{font-size:13px;font-weight:600;color:#94a3b8}.font-option .font-sample{font-size:11px;color:#475569}.integration-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.integration-item:last-child{border-bottom:none}.integration-logo{width:40px;height:40px;border-radius:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:20px;-ms-flex-negative:0;flex-shrink:0}.integration-info{-ms-flex:1;flex:1;min-width:0}.integration-name{font-size:13.5px;font-weight:700;color:#e2e8f0;margin-bottom:3px}.integration-desc{font-size:12px;color:#475569}.privacy-opts{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.privacy-opt{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:5px;padding:12px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#ffffff05;cursor:pointer;transition:all .15s ease;min-width:80px;text-align:center}.privacy-opt:hover{border-color:#ffffff24}.privacy-opt.active{border-color:#00d4ff59;background:#00d4ff0f}.privacy-opt i{font-size:18px}.privacy-opt span{font-size:11.5px;font-weight:600;color:#94a3b8}.privacy-opt.active span{color:#00d4ff}.api-key-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.api-key-row:last-child{border-bottom:none}.api-key-info{-ms-flex:1;flex:1;min-width:0}.api-key-name{font-size:13px;font-weight:600;color:#e2e8f0;margin-bottom:3px}.api-key-meta{font-size:11px;color:#475569}.api-key-value{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:#64748b;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:4px 10px;letter-spacing:.05em}@media (max-width: 1199px){.stat-cards{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}}@media (max-width: 991px){.dashboard-wrap{grid-template-columns:1fr}.dash-sidebar{position:fixed;top:72px;left:-280px;width:260px;z-index:1200;transition:left .28s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 30px #00000080}.dash-sidebar.open{left:0}.dash-sidebar-toggle{display:-ms-flexbox;display:flex}.dash-main{padding:20px 16px 80px}}@media (max-width: 767px){.notif-summary{grid-template-columns:repeat(2,1fr)}.notif-thumb{display:none}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.achievement-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr 1fr}.settings-wrap{grid-template-columns:1fr}.settings-nav{position:static;display:-ms-flexbox;display:flex;overflow-x:auto;border-radius:12px;padding:6px;gap:4px;scrollbar-width:none}.settings-nav::-webkit-scrollbar{display:none}.settings-nav-sep{display:none}.settings-nav-item{white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.privacy-opts{-ms-flex-direction:column;flex-direction:column}.privacy-opt{-ms-flex-direction:row;flex-direction:row;min-width:auto;text-align:left}}@media (max-width: 575px){.stat-cards{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-value{font-size:22px}.dash-panel{padding:14px}.profile-complete,.avatar-section{-ms-flex-direction:column;flex-direction:column;text-align:center}.avatar-section .btn-upload{-ms-flex-item-align:center;align-self:center}.notif-summary{grid-template-columns:1fr 1fr;gap:8px}.notif-filter-tabs{gap:4px}.nft{padding:5px 10px;font-size:11.5px}.notif-row-actions{opacity:1}.set-row{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;gap:10px}}.cmt-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;padding:16px 18px;margin-bottom:12px;transition:border-color .15s,background .15s}.cmt-card:hover{border-color:#ffffff14;background:#ffffff06}.cmt-card.moderation{border-left:2px solid rgba(245,158,11,.5);background:#f59e0b06}.cmt-card-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.04)}.cmt-article-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;-ms-flex:1;flex:1;min-width:0}.cmt-article-link{font-size:12.5px;font-weight:600;color:#cbd5e1;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.cmt-article-link:hover{color:#00d4ff}.cmt-article-cat{font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:20px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.cmt-meta-time{font-size:11.5px;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;-ms-flex-negative:0;flex-shrink:0}.cmt-moderation-badge{font-size:11px;font-weight:700;padding:3px 9px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#f59e0b;border-radius:20px;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}.cmt-card-body{display:-ms-flexbox;display:flex;gap:12px;margin-bottom:10px}.cmt-avatar{-ms-flex-negative:0;flex-shrink:0}.cmt-avatar img{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.07)}.cmt-content{-ms-flex:1;flex:1;min-width:0}.cmt-text{font-size:13.5px;line-height:1.65;color:#cbd5e1;margin-bottom:10px}.cmt-text code{background:#00d4ff1a;color:#00d4ff;padding:1px 6px;border-radius:5px;font-size:12.5px;font-family:JetBrains Mono,Fira Code,monospace}.cmt-stats{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px}.cmt-stat{font-size:12px;color:#475569;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px}.cmt-stat.liked{color:#ff4757}.cmt-stat.pending{color:#f59e0b}.cmt-card-reply{background:#ffffff06;border-radius:10px;padding:10px 14px;margin-bottom:12px;border-left:2px solid rgba(0,232,150,.25)}.cmt-reply-label{font-size:11px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px}.cmt-reply-item{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:8px}.cmt-reply-avatar{width:24px;height:24px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;border:1px solid rgba(255,255,255,.1)}.cmt-reply-body{-ms-flex:1;flex:1;font-size:12.5px;line-height:1.55}.cmt-reply-name{font-weight:700;color:#cbd5e1;margin-right:6px}.cmt-reply-text{color:#64748b}.cmt-reply-time{font-size:11px;color:#475569;-ms-flex-negative:0;flex-shrink:0;padding-top:2px}.cmt-card-actions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;-ms-flex-wrap:wrap;flex-wrap:wrap}.cmt-action-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#64748b;cursor:pointer;text-decoration:none;transition:all .15s}.cmt-action-btn:hover{background:#ffffff14;color:#cbd5e1;border-color:#ffffff24}.cmt-action-btn.primary{background:#00d4ff12;border-color:#00d4ff33;color:#00d4ff}.cmt-action-btn.primary:hover{background:#00d4ff21}.cmt-action-btn.danger{background:#ff47570f;border-color:#ff47572e;color:#ff4757}.cmt-action-btn.danger:hover{background:#ff47571f}.eng-subnav{position:-webkit-sticky;position:sticky;top:72px;z-index:930;background:#0f172af7;border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.eng-subnav .container-xl{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;overflow-x:auto;padding-top:0;padding-bottom:0;scrollbar-width:none}.eng-subnav .container-xl::-webkit-scrollbar{display:none}.subnav-link{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:12px 16px;font-size:.85rem;font-weight:500;color:#ffffff8c;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.subnav-link:hover{color:#fff;border-bottom-color:#34d39980}.subnav-link.active{color:#34d399;border-bottom-color:#34d399}.eng-eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#34d399;margin-bottom:10px}.eng-section-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:#e2e8f0;margin-bottom:12px}.eng-section-sub{font-size:.95rem;color:#ffffff80;margin-bottom:0}.eng-page-hero{border-bottom:1px solid rgba(255,255,255,.07);padding:56px 0 40px;text-align:center;position:relative;overflow:hidden}.eng-page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(52,211,153,.09) 0%,transparent 70%);pointer-events:none}.eng-page-hero--green{background:linear-gradient(135deg,#34d3991a,#818cf80f)}.eng-page-hero--indigo{background:linear-gradient(135deg,#818cf81f,#34d39912)}.eng-page-hero--orange{background:linear-gradient(135deg,#fb923c1f,#34d39914)}.eng-page-hero--red{background:linear-gradient(135deg,#ff47571a,#818cf812)}.eng-page-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:5px 14px;border-radius:9999px;background:#34d3991f;border:1px solid rgba(52,211,153,.28);color:#34d399;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.eng-page-badge--indigo{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:5px 14px;border-radius:9999px;background:#818cf81f;border:1px solid rgba(129,140,248,.28);color:#818cf8;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.eng-page-badge--orange{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:5px 14px;border-radius:9999px;background:#fb923c1f;border:1px solid rgba(251,146,60,.28);color:#fb923c;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:16px}.eng-page-title{font-size:clamp(1.9rem,4.5vw,2.8rem);font-weight:800;color:#e2e8f0;letter-spacing:-.5px;margin-bottom:14px}.eng-page-subtitle{color:#94a3b8;font-size:1.02rem;max-width:620px;margin:0 auto;line-height:1.65}.eng-stats-row{display:-ms-inline-flexbox;display:inline-flex;gap:32px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:16px 32px;margin-top:28px}@media (max-width: 575px){.eng-stats-row{gap:20px;padding:14px 20px}}.eng-stat-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:2px}.eng-stat-num{font-size:1.5rem;font-weight:700;color:#fb923c;line-height:1}.eng-stat-num--green{color:#34d399}.eng-stat-num--indigo{color:#818cf8}.eng-stat-label{font-size:.78rem;color:#475569;text-transform:uppercase;letter-spacing:.05em}.eng-related-section{padding:48px 0;border-top:1px solid rgba(255,255,255,.07)}.eng-related-title{font-size:1.2rem;font-weight:700;color:#e2e8f0;margin-bottom:24px}.eng-related-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:24px;display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:16px;text-decoration:none;transition:all .15s ease;height:100%}.eng-related-card:hover{background:#ffffff0f;border-color:#34d39940;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.eng-related-card.soon{opacity:.6;pointer-events:none}.eng-related-card .eng-related-icon{width:44px;height:44px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.3rem;-ms-flex-negative:0;flex-shrink:0}.eng-related-card h3{font-size:1rem;font-weight:700;color:#e2e8f0;margin:0 0 4px}.eng-related-card p{font-size:.85rem;color:#475569;margin:0}.eng-related-card .soon-badge{display:inline-block;background:#ffffff12;color:#475569;font-size:.7rem;padding:1px 7px;border-radius:4px;margin-top:6px}.eng-search-box{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:620px;margin:0 auto 20px;background:#1e293b;border:1.5px solid rgba(52,211,153,.3);border-radius:14px;overflow:hidden;box-shadow:0 0 32px #34d39914;transition:border-color .2s,box-shadow .2s}.eng-search-box:focus-within{border-color:#34d399;box-shadow:0 0 0 4px #34d3991f}.eng-search-box input{-ms-flex:1;flex:1;background:transparent;border:none;outline:none;padding:14px 20px;font-size:1rem;color:#e2e8f0}.eng-search-box input::-webkit-input-placeholder{color:#475569}.eng-search-box input::-moz-placeholder{color:#475569}.eng-search-box input:-ms-input-placeholder{color:#475569}.eng-search-box input::-ms-input-placeholder{color:#475569}.eng-search-box input::placeholder{color:#475569}.eng-search-box .eng-search-btn,.eng-search-box button{padding:14px 24px;background:linear-gradient(135deg,#34d399,#059669);color:#0f172a;font-weight:700;font-size:.95rem;border:none;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;transition:opacity .2s;white-space:nowrap}.eng-search-box .eng-search-btn:hover,.eng-search-box button:hover{opacity:.9}.eng-hint-words{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.8rem;color:#fff6}.eng-hint-words span{color:#ffffff59}.eng-hint-word{padding:4px 14px;border-radius:9999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .15s ease;text-decoration:none;font-size:.82rem}.eng-hint-word:hover{background:#34d3991f;color:#34d399;border-color:#34d39966}.eng-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding:3px 12px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-noun{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.2)}.badge-verb{background:#818cf81f;color:#818cf8;border:1px solid rgba(129,140,248,.2)}.badge-adj{background:#fb923c1f;color:#fb923c;border:1px solid rgba(251,146,60,.2)}.badge-soon{background:#ff475726;color:#ff4757;font-size:.72rem;font-weight:700;border:1px solid rgba(255,71,87,.3);padding:2px 9px;border-radius:9999px;margin-left:8px;display:inline-block}.eng-hub-hero{position:relative;padding:96px 0 80px;text-align:center;overflow:hidden;background:linear-gradient(160deg,#060810,#0a1020,#060810)}.eng-hub-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 55% at 50% -10%,rgba(52,211,153,.18) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 90%,rgba(129,140,248,.12) 0%,transparent 60%);pointer-events:none}.eng-hub-hero .hero-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 16px;border-radius:9999px;background:#34d3991f;border:1px solid rgba(52,211,153,.28);color:#34d399;font-size:.82rem;font-weight:600;letter-spacing:.02em;margin-bottom:24px}.eng-hub-hero h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.18;color:#fff;margin-bottom:20px;letter-spacing:-.02em}.eng-hub-hero h1 .accent{background:linear-gradient(90deg,#34d399,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.eng-hub-hero .hero-desc{font-size:1.05rem;color:#fff9;max-width:560px;margin:0 auto 36px;line-height:1.7}@media (max-width: 767px){.eng-hub-hero{padding:72px 0 60px}}.hub-hero-stats{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:0;-ms-flex-wrap:wrap;flex-wrap:wrap}.hub-hero-stats .hub-stat-item{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding:0 28px;border-right:1px solid rgba(255,255,255,.1)}.hub-hero-stats .hub-stat-item:last-child{border-right:none}@media (max-width: 767px){.hub-hero-stats .hub-stat-item{padding:0 16px}}@media (max-width: 479px){.hub-hero-stats .hub-stat-item{padding:0 12px}}.hub-hero-stats .hub-stat-val{font-size:1.4rem;font-weight:800;color:#34d399;line-height:1}@media (max-width: 479px){.hub-hero-stats .hub-stat-val{font-size:1.15rem}}.hub-hero-stats .hub-stat-label{font-size:.75rem;color:#ffffff80;margin-top:4px;white-space:nowrap}.eng-features-section{padding:72px 0 64px;background:#08090f}.eng-feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:44px}@media (max-width: 767px){.eng-feature-grid{grid-template-columns:1fr 1fr}}@media (max-width: 479px){.eng-feature-grid{grid-template-columns:1fr}}.eng-feature-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 24px;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;transition:border-color .22s,box-shadow .22s,background .22s,-webkit-transform .22s;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s,-webkit-transform .22s;position:relative;overflow:hidden}.eng-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s;background:linear-gradient(135deg,rgba(52,211,153,.04) 0%,transparent 70%)}.eng-feature-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);border-color:#ffffff29;box-shadow:0 12px 32px #0006}.eng-feature-card:hover:before{opacity:1}.eng-feature-card.coming-soon{cursor:default;pointer-events:none;opacity:.6}.eng-feature-card .feature-card-icon{width:52px;height:52px;border-radius:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.5rem;-ms-flex-negative:0;flex-shrink:0}.eng-feature-card .feature-card-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0}.eng-feature-card .feature-card-desc{font-size:.85rem;color:#ffffff80;line-height:1.6;margin:0}.eng-feature-card .feature-card-cta{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;font-size:.82rem;font-weight:600;margin-top:auto}.eng-wotd-section{padding:72px 0;background:linear-gradient(160deg,#07090e,#0c1018)}.wotd-card{background:#ffffff0a;border:1px solid rgba(52,211,153,.2);border-radius:24px;padding:40px 48px;position:relative;overflow:hidden;max-width:700px}.wotd-card:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(52,211,153,.12) 0%,transparent 70%);pointer-events:none}@media (max-width: 767px){.wotd-card{padding:28px 24px}}.wotd-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#34d399;margin-bottom:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.wotd-label i{font-size:.9rem}.wotd-word{font-size:2.6rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1;margin-bottom:8px}@media (max-width: 767px){.wotd-word{font-size:2rem}}.wotd-phonetic{font-size:1rem;color:#ffffff73;font-family:Courier New,monospace;margin-bottom:6px}.wotd-pos{display:inline-block;padding:2px 12px;border-radius:9999px;background:#818cf826;color:#818cf8;font-size:.78rem;font-weight:600;border:1px solid rgba(129,140,248,.3);margin-bottom:18px}.wotd-meaning{font-size:1.05rem;color:#ffffffbf;line-height:1.65;margin-bottom:24px}.wotd-meaning strong{color:#fff}.btn-wotd{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;background:linear-gradient(135deg,#34d399,#059669);color:#fff;font-weight:600;font-size:.88rem;text-decoration:none;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.btn-wotd:hover{opacity:.88;-webkit-transform:translateY(-1px);transform:translateY(-1px);color:#fff}.wotd-aside-deco{font-size:9rem;line-height:1;color:#34d3990f;font-weight:900;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center}.eng-tips-section{padding:72px 0 80px;background:#08090f}.eng-tip-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;height:100%;transition:border-color .22s,-webkit-transform .22s;transition:border-color .22s,transform .22s;transition:border-color .22s,transform .22s,-webkit-transform .22s}.eng-tip-card:hover{border-color:#ffffff26;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.eng-tip-card .tip-icon{width:48px;height:48px;border-radius:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.4rem;margin-bottom:18px}.eng-tip-card .tip-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:10px}.eng-tip-card .tip-desc{font-size:.875rem;color:#ffffff8c;line-height:1.65;margin:0}.vocab-search-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;padding:10px 16px;font-size:14px;outline:none;margin-top:14px}.vocab-search-input:focus{border-color:#34d39966}.vocab-search-input::-webkit-input-placeholder{color:#475569}.vocab-search-input::-moz-placeholder{color:#475569}.vocab-search-input:-ms-input-placeholder{color:#475569}.vocab-search-input::-ms-input-placeholder{color:#475569}.vocab-search-input::placeholder{color:#475569}.topic-filter-bar{background:#0f172a99;border-bottom:1px solid rgba(255,255,255,.06);padding:24px 0;position:-webkit-sticky;position:sticky;top:117px;z-index:830;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topic-cloud{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.topic-chip{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:6px 14px;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#94a3b8;font-size:.82rem;cursor:pointer;transition:all .15s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topic-chip:hover{background:#fb923c1f;border-color:#fb923c4d;color:#fb923c}.topic-chip.active{background:#fb923c26;border-color:#fb923c;color:#fb923c;font-weight:600}.vocab-section{padding:40px 0 20px}.vocab-section-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:20px}.vocab-section-title{font-size:1.3rem;font-weight:700;color:#e2e8f0;margin:0}.vocab-count-badge{background:#fb923c26;border:1px solid rgba(251,146,60,.3);color:#fb923c;font-size:.78rem;font-weight:600;padding:3px 10px;border-radius:9999px}.vocab-table-wrap{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden}.vocab-table{width:100%;border-collapse:collapse;margin:0}.vocab-table thead tr{background:#fb923c14;border-bottom:1px solid rgba(255,255,255,.08)}.vocab-table thead th{padding:13px 16px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#fb923c}.vocab-table tbody tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.vocab-table tbody tr:last-child{border-bottom:none}.vocab-table tbody tr:nth-child(2n){background:#ffffff04}.vocab-table tbody tr:hover{background:#fb923c0f}.vocab-table tbody td{padding:11px 16px;vertical-align:middle}.vocab-table .vt-word{font-weight:600;color:#e2e8f0;font-size:.95rem}.vocab-table .vt-phon-col{width:200px}.vocab-table .vt-phon{color:#94a3b8;font-size:.85rem;font-style:italic}.vocab-table .vt-vi{color:#cbd5e1;font-size:.9rem}@media (max-width: 767px){.vocab-table .vt-phon-col{width:auto}.vocab-table thead th:nth-child(2),.vocab-table tbody td:nth-child(2){display:none}}.dict-search-wrap{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);padding:64px 0 48px;text-align:center;position:relative;overflow:hidden}.dict-search-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(52,211,153,.08) 0%,transparent 70%);pointer-events:none}.dict-search-wrap h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;color:#e2e8f0;margin-bottom:12px;letter-spacing:-.5px}.dict-search-wrap h1 span{background:linear-gradient(90deg,#34d399,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dict-search-wrap .dict-subtitle{color:#94a3b8;font-size:1rem;margin-bottom:32px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.6}@media (max-width: 575px){.dict-search-wrap{padding:40px 0 32px}}.word-result{padding:40px 0 60px;background:#0f172a}.word-card{background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;margin-bottom:20px}.word-card-head{padding:28px 28px 20px;border-bottom:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg,rgba(52,211,153,.04) 0%,transparent 60%)}@media (max-width: 575px){.word-card-head{padding:20px 18px 16px}}.word-row{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:14px}.word-text{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;color:#e2e8f0;line-height:1;letter-spacing:-1px}.word-actions{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-align:center;align-items:center}.phonetics{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:14px}.phonetic-group{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.phonetic-label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px}.phonetic-ipa{font-size:1rem;color:#34d399;font-family:Courier New,monospace;background:#34d39914;padding:2px 10px;border-radius:4px;border:1px solid rgba(52,211,153,.2)}.btn-audio{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#34d399;padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-audio:hover{background:#34d39933}.word-badges{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.badge-level-b2{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.badge-toefl{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.3)}.word-section{border-bottom:1px solid rgba(255,255,255,.05)}.word-section:last-child{border-bottom:none}.ws-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:18px 28px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background .15s}.ws-header:hover{background:#ffffff08}.ws-header-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px}@media (max-width: 575px){.ws-header{padding:15px 18px}}.ws-icon{width:36px;height:36px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.1rem;-ms-flex-negative:0;flex-shrink:0}.ws-title{font-size:.95rem;font-weight:700;color:#e2e8f0}.ws-caret{color:#475569;font-size:.85rem;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.word-section.open .ws-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ws-body{display:none;padding:0 28px 22px}.ws-body.show{display:block}@media (max-width: 575px){.ws-body{padding:0 18px 18px}}.meaning-entry{margin-bottom:20px}.meaning-entry:last-child{margin-bottom:0}.meaning-num{display:-ms-inline-flexbox;display:inline-flex;width:28px;height:28px;background:#34d3991f;color:#34d399;border-radius:50%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:.85rem;font-weight:700;margin-bottom:8px;-ms-flex-negative:0;flex-shrink:0}.meaning-def{font-size:1.05rem;font-weight:700;color:#e2e8f0;margin-bottom:4px}.meaning-vi{color:#94a3b8;font-size:.88rem;line-height:1.5;margin-bottom:14px}.meaning-example{background:#ffffff0a;border-left:3px solid #34D399;border-radius:0 8px 8px 0;padding:10px 14px;margin-bottom:8px}.meaning-example .en{font-size:.9rem;color:#e2e8f0;font-style:italic;margin-bottom:3px}.meaning-example .vi{font-size:.82rem;color:#475569}.collocation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.collocation-item{background:#818cf814;border:1px solid rgba(129,140,248,.2);border-radius:8px;padding:12px 14px}.collocation-item .coll-phrase{font-size:.88rem;font-weight:700;color:#818cf8;margin-bottom:3px}.collocation-item .coll-vi{font-size:.78rem;color:#475569}.formality-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin-bottom:14px}.formality-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:12px 14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.formality-item .formality-dot{width:10px;height:10px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.formality-item .formality-label{font-size:.82rem;color:#cbd5e1;font-weight:600}.formality-note{font-size:.82rem;color:#475569;background:#fb923c0f;border:1px solid rgba(251,146,60,.15);border-radius:8px;padding:10px 14px;line-height:1.5}.pron-tips{list-style:none;padding:0;margin:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.pron-tips li{background:#ff47570f;border:1px solid rgba(255,71,87,.15);border-radius:8px;padding:12px 16px;font-size:.87rem;color:#cbd5e1;line-height:1.5}.pron-tips li strong{color:#ff4757}.syn-cards{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:14px}.syn-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:14px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px}.syn-card .syn-word{font-size:1rem;font-weight:700;color:#34d399;min-width:90px}.syn-card .syn-ipa{font-size:.8rem;color:#475569;font-family:Courier New,monospace;display:block;margin-top:2px}.syn-card .syn-vi{font-size:.85rem;color:#94a3b8}.syn-note{font-size:.82rem;color:#475569;background:#34d3990d;border:1px solid rgba(52,211,153,.12);border-radius:8px;padding:10px 14px;line-height:1.5}.word-family-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.wf-item{background:#818cf812;border:1px solid rgba(129,140,248,.18);border-radius:8px;padding:14px}.wf-item .wf-word{font-size:1rem;font-weight:700;color:#818cf8;margin-bottom:4px}.wf-item .wf-pos{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;background:#818cf826;color:#818cf8;padding:1px 7px;border-radius:4px;margin-bottom:5px}.wf-item .wf-vi{font-size:.8rem;color:#475569}.etymology-box{background:#fb923c0f;border:1px solid rgba(251,146,60,.15);border-radius:8px;padding:16px 18px}.etymology-box p{font-size:.88rem;color:#cbd5e1;line-height:1.65;margin:0}.etymology-box strong{color:#fb923c}.dict-sidebar-widget{background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px;margin-bottom:20px}.dict-sidebar-widget-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#475569;margin-bottom:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.recent-search-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .15s;text-decoration:none}.recent-search-item:hover{background:#ffffff0d}.recent-search-item .rs-word{font-size:.92rem;font-weight:700;color:#e2e8f0}.recent-search-item .rs-vi{font-size:.78rem;color:#475569;margin-top:1px}.recent-search-item .rs-arrow{color:#334155;font-size:.75rem}.recent-search-item:hover .rs-arrow{color:#34d399}.study-link{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);text-decoration:none;margin-bottom:10px;transition:all .15s ease}.study-link:hover{background:#34d3990f;border-color:#34d39933}.study-link:last-child{margin-bottom:0}.study-link .study-link-icon{width:36px;height:36px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1rem;-ms-flex-negative:0;flex-shrink:0}.study-link .sl-title{font-size:.87rem;font-weight:700;color:#e2e8f0;margin-bottom:2px}.study-link .sl-desc{font-size:.75rem;color:#475569}.tense-quick-ref{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:36px 0}@media (max-width: 767px){.tense-quick-ref{grid-template-columns:1fr}}.tqr-col{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden}.tqr-col-header{padding:14px 18px;font-weight:700;font-size:.9rem;letter-spacing:.04em;text-transform:uppercase;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.tqr-col-header.present{background:#34d39924;color:#34d399}.tqr-col-header.past{background:#fb923c24;color:#fb923c}.tqr-col-header.future{background:#818cf824;color:#818cf8}.tqr-row{padding:11px 18px;border-bottom:1px solid rgba(255,255,255,.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:start;align-items:flex-start;gap:8px}.tqr-row:last-child{border-bottom:none}.tqr-row .tqr-name{font-size:.85rem;font-weight:600;color:#cbd5e1;-ms-flex:1;flex:1}.tqr-row .tqr-signals{font-size:.75rem;color:#475569;text-align:right;-ms-flex-negative:0;flex-shrink:0;max-width:120px}.tense-accordion{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin-bottom:40px}.tense-item{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:border-color .2s}.tense-item.open{border-color:#818cf859}.ti-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:background .18s}.ti-header:hover{background:#ffffff08}.ti-left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px}.ti-num{width:34px;height:34px;border-radius:50%;background:#818cf826;border:1px solid rgba(129,140,248,.3);color:#818cf8;font-weight:700;font-size:.9rem;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.ti-name{font-size:.97rem;font-weight:700;color:#e2e8f0}.ti-vn{font-size:.78rem;color:#475569;margin-top:2px}.ti-tag{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:.72rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.ti-tag.present{background:#34d3991f;color:#34d399;border:1px solid rgba(52,211,153,.25)}.ti-tag.past{background:#fb923c1f;color:#fb923c;border:1px solid rgba(251,146,60,.25)}.ti-tag.future{background:#818cf81f;color:#818cf8;border:1px solid rgba(129,140,248,.25)}.ti-chevron{color:#475569;transition:-webkit-transform .28s ease;transition:transform .28s ease;transition:transform .28s ease,-webkit-transform .28s ease;font-size:.85rem}.tense-item.open .ti-chevron{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ti-body{display:none;padding:0 20px 20px}.ti-body.show{display:block}.formula-box{background:#0a0c1499;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px 18px;margin-bottom:16px}.formula-box .formula-box-title{font-size:.72rem;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.formula-box .formula-row{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-align:start;align-items:flex-start;margin-bottom:6px;font-size:.86rem}.formula-box .formula-row:last-child{margin-bottom:0}.formula-box .formula-label{font-weight:600;color:#475569;min-width:80px;-ms-flex-negative:0;flex-shrink:0;font-size:.78rem}.formula-box .formula-val{color:#e2e8f0;font-family:Fira Code,Consolas,monospace;font-size:.88rem}.formula-box .formula-val code{background:#818cf821;border:1px solid rgba(129,140,248,.2);border-radius:4px;padding:1px 7px;color:#c4b5fd;font-family:inherit;font-size:inherit}.ti-usage-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}@media (max-width: 575px){.ti-usage-cols{grid-template-columns:1fr}}.ti-col-box{background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:13px 15px}.ti-col-box-title{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}.ti-col-box ul{list-style:none;padding:0;margin:0}.ti-col-box ul li{font-size:.84rem;color:#cbd5e1;padding:3px 0 3px 14px;position:relative;line-height:1.5}.ti-col-box ul li:before{content:"•";position:absolute;left:0;color:#34d399}.signal-pills{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:7px;margin-bottom:14px}.signal-pill{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:.78rem;font-weight:600;background:#34d39914;border:1px solid rgba(52,211,153,.2);color:#34d399;font-family:Fira Code,Consolas,monospace}.ti-error-note,.ti-tip-note{border-radius:8px;padding:11px 14px;font-size:.84rem;margin-bottom:10px;line-height:1.55}.ti-error-note{background:#ef444412;border:1px solid rgba(239,68,68,.18);color:#fca5a5}.ti-error-note strong{color:#f87171}.ti-tip-note{background:#34d39912;border:1px solid rgba(52,211,153,.18);color:#6ee7b7;margin-bottom:0}.ti-tip-note strong{color:#34d399}.ti-examples{background:#ffffff06;border-left:3px solid rgba(129,140,248,.5);border-radius:0 8px 8px 0;padding:11px 14px;margin-bottom:14px}.ti-examples-title{font-size:.72rem;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.ti-ex-row{font-size:.84rem;color:#cbd5e1;margin-bottom:4px}.ti-ex-row:last-child{margin-bottom:0}.ti-ex-row em{font-style:italic;color:#a5b4fc}.ti-ex-row small{color:#475569;font-size:.78rem}.stative-section{margin-bottom:40px}.stative-section-title{font-size:1.15rem;font-weight:700;color:#e2e8f0;margin-bottom:5px}.stative-section-sub{font-size:.85rem;color:#fb923c;margin-bottom:18px}.stative-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.stative-group{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:14px 16px}.stative-group .stative-group-name{font-size:.75rem;font-weight:700;color:#818cf8;text-transform:uppercase;letter-spacing:.06em;margin-bottom:9px}.stative-words{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px}.stative-word{display:inline-block;padding:3px 9px;border-radius:4px;background:#818cf81a;border:1px solid rgba(129,140,248,.18);color:#c4b5fd;font-size:.78rem;font-family:Fira Code,Consolas,monospace}.irreg-section{margin-bottom:40px}.irreg-table-wrap{background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden}.irreg-table{width:100%;border-collapse:collapse;font-size:.88rem}.irreg-table thead tr{background:#818cf81f}.irreg-table thead th{padding:11px 14px;text-align:left;color:#818cf8;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(129,140,248,.2)}.irreg-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.irreg-table tbody tr:hover{background:#ffffff08}.irreg-table tbody td{padding:9px 14px;color:#cbd5e1}.irreg-table tbody td:first-child{color:#34d399;font-weight:700}.irreg-table tbody td:nth-child(2){color:#fb923c}.irreg-table tbody td:nth-child(3){color:#a5b4fc}.irreg-table tbody td:nth-child(4){color:#475569;font-size:.82rem}.tenses-section-heading{font-size:1.35rem;font-weight:700;color:#e2e8f0;margin:36px 0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.tenses-section-heading i{color:#34d399}.practice-modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:40px}.practice-mode-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 22px;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:14px;transition:all .25s ease;cursor:pointer;position:relative;overflow:hidden}.practice-mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .22s}.practice-mode-card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 12px 36px #00000073}.practice-mode-card:hover:before{opacity:1}.practice-mode-card--green:hover{border-color:#34d39966}.practice-mode-card--green:before{background:linear-gradient(135deg,rgba(52,211,153,.05) 0%,transparent 70%)}.practice-mode-card--indigo:hover{border-color:#818cf866}.practice-mode-card--indigo:before{background:linear-gradient(135deg,rgba(129,140,248,.05) 0%,transparent 70%)}.practice-mode-card--orange:hover{border-color:#fb923c66}.practice-mode-card--orange:before{background:linear-gradient(135deg,rgba(251,146,60,.05) 0%,transparent 70%)}.practice-mode-card--red:hover{border-color:#ff475766}.practice-mode-card--red:before{background:linear-gradient(135deg,rgba(255,71,87,.05) 0%,transparent 70%)}.practice-mode-card .pm-icon{width:54px;height:54px;border-radius:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:1.6rem;-ms-flex-negative:0;flex-shrink:0}.practice-mode-card .pm-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0}.practice-mode-card .pm-desc{font-size:.85rem;color:#ffffff80;line-height:1.6;margin:0}.practice-mode-card .pm-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:.78rem;color:#475569;margin-top:auto}.practice-mode-card .pm-meta span{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.07)}.quiz-card{background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:18px;overflow:hidden;margin-bottom:20px}.quiz-card-head{padding:20px 24px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:12px;background:linear-gradient(135deg,rgba(52,211,153,.04) 0%,transparent 60%)}.quiz-progress-bar{height:4px;background:#ffffff14;border-radius:9999px;overflow:hidden;-ms-flex:1;flex:1}.quiz-progress-bar .quiz-progress-fill{height:100%;background:linear-gradient(90deg,#34d399,#818cf8);border-radius:9999px;transition:width .4s ease}.quiz-counter{font-size:.82rem;font-weight:700;color:#475569;white-space:nowrap}.quiz-card-body{padding:28px 24px}.quiz-question{font-size:1.15rem;font-weight:700;color:#e2e8f0;margin-bottom:8px;line-height:1.5}.quiz-sub{font-size:.85rem;color:#475569;margin-bottom:24px}.quiz-options{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px}.quiz-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px;padding:14px 18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;cursor:pointer;transition:all .15s ease;font-size:.95rem;color:#e2e8f0;text-align:left;width:100%}.quiz-option:hover:not([disabled]){background:#34d39912;border-color:#34d3994d}.quiz-option.correct{background:#34d3991f;border-color:#34d39966;color:#34d399}.quiz-option.wrong{background:#ff47571a;border-color:#ff475759;color:#ff4757}.quiz-option .opt-letter{width:30px;height:30px;border-radius:50%;background:#ffffff0f;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:.82rem;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.flashcard-wrap{-webkit-perspective:1200px;perspective:1200px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flashcard{width:100%;max-width:480px;margin:0 auto;aspect-ratio:3/2;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1);transition:transform .55s cubic-bezier(.4,0,.2,1);transition:transform .55s cubic-bezier(.4,0,.2,1),-webkit-transform .55s cubic-bezier(.4,0,.2,1)}.flashcard.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:32px;text-align:center}.flashcard-front{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid rgba(52,211,153,.3);box-shadow:0 20px 60px #00000080,0 0 40px #34d3990f}.flashcard-front .fc-hint{font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.flashcard-front .fc-word{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:8px}.flashcard-front .fc-phon{font-size:.9rem;color:#94a3b8;font-family:Courier New,monospace}.flashcard-front .fc-tap{margin-top:20px;font-size:.75rem;color:#ffffff40;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px}.flashcard-back{background:linear-gradient(135deg,#34d3990f,#818cf814);border:1px solid rgba(129,140,248,.3);-webkit-transform:rotateY(180deg);transform:rotateY(180deg);box-shadow:0 20px 60px #00000080}.flashcard-back .fc-vi{font-size:1.5rem;font-weight:700;color:#34d399;margin-bottom:10px}.flashcard-back .fc-example{font-size:.9rem;color:#94a3b8;font-style:italic;line-height:1.6;margin-bottom:16px}.flashcard-back .fc-actions{display:-ms-flexbox;display:flex;gap:10px}.btn-fc{padding:8px 18px;border-radius:9999px;font-size:.82rem;font-weight:700;border:none;cursor:pointer;transition:all .15s ease;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px}.btn-fc--again{background:#ff475726;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.btn-fc--good{background:#34d39926;color:#34d399;border:1px solid rgba(52,211,153,.3)}.btn-fc--easy{background:#818cf826;color:#818cf8;border:1px solid rgba(129,140,248,.3)}.btn-fc:hover{opacity:.8}.fill-blank-card{background:#1e293b;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:28px;margin-bottom:16px}.fill-blank-card .fb-sentence{font-size:1.1rem;color:#e2e8f0;line-height:1.8;margin-bottom:18px}.fill-blank-card .fb-sentence .fb-blank{display:inline-block;min-width:120px;border-bottom:2px solid #34D399;text-align:center;color:#34d399;font-weight:700;padding:0 8px}.fill-blank-card .fb-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e2e8f0;padding:10px 16px;font-size:1rem;outline:none;width:100%;max-width:320px;transition:all .15s ease}.fill-blank-card .fb-input:focus{border-color:#34d39973;box-shadow:0 0 0 3px #34d39914}.fill-blank-card .fb-input.correct{border-color:#34d399;background:#34d39914}.fill-blank-card .fb-input.wrong{border-color:#ff4757;background:#ff475714}.fill-blank-card .fb-input::-webkit-input-placeholder{color:#475569}.fill-blank-card .fb-input::-moz-placeholder{color:#475569}.fill-blank-card .fb-input:-ms-input-placeholder{color:#475569}.fill-blank-card .fb-input::-ms-input-placeholder{color:#475569}.fill-blank-card .fb-input::placeholder{color:#475569}.fill-blank-card .fb-hint{font-size:.8rem;color:#475569;margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px}.fill-blank-card .fb-feedback{margin-top:12px;padding:10px 14px;border-radius:8px;font-size:.88rem;display:none}.fill-blank-card .fb-feedback.show{display:block}.fill-blank-card .fb-feedback.correct{background:#34d3991a;border:1px solid rgba(52,211,153,.25);color:#6ee7b7}.fill-blank-card .fb-feedback.wrong{background:#ff47571a;border:1px solid rgba(255,71,87,.25);color:#fca5a5}.practice-score-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:16px;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;margin-bottom:24px;-ms-flex-wrap:wrap;flex-wrap:wrap}.score-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;font-size:.88rem}.score-item .score-label{color:#475569}.score-item .score-val{font-weight:700;font-size:1rem}.score-item .score-val--green{color:#34d399}.score-item .score-val--indigo{color:#818cf8}.score-item .score-val--orange{color:#fb923c}.score-item .score-val--red{color:#ff4757}.score-item .score-icon{font-size:1rem}.quiz-filter-btn{padding:6px 14px;border-radius:9999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.quiz-filter-btn:hover{background:#34d3991a;border-color:#34d3994d;color:#34d399}.quiz-filter-btn.active{background:#34d39926;border-color:#34d399;color:#34d399;font-weight:600}.practice-section{scroll-margin-top:141px}.auth-page{min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;background:var(--color-bg-primary);position:relative;overflow:hidden}.auth-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;z-index:0}.auth-page:after{content:"";position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:800px;height:600px;background:radial-gradient(ellipse,rgba(0,212,255,.07) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-page.auth-page--register:after{width:900px;height:500px;background:radial-gradient(ellipse,rgba(124,58,237,.06) 0%,rgba(0,212,255,.04) 40%,transparent 70%)}.auth-wrap{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;position:relative;z-index:1}.strength-bar{height:4px;border-radius:2px;background:#ffffff14;overflow:hidden;margin-top:8px}.strength-fill{height:100%;border-radius:2px;transition:all .3s ease;width:0%}.auth-topbar{position:relative;z-index:10;padding:16px 32px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}.auth-topbar .auth-topbar-brand{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;text-decoration:none}.auth-topbar .auth-topbar-brand .brand-icon{width:34px;height:34px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:8px;font-weight:900;color:#080c18;font-size:14px}.auth-topbar .auth-topbar-brand .brand-text{font-family:Space Grotesk,Inter,sans-serif;font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.auth-topbar .auth-topbar-toggle{font-size:14px;color:#94a3b8;text-decoration:none}.auth-topbar .auth-topbar-toggle span{color:#00d4ff;font-weight:600}.auth-logo-icon{width:56px;height:56px;margin:0 auto 12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff,#0a84ff);border-radius:16px;font-size:24px;font-weight:900;color:#080c18;box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}.auth-perks{display:-ms-flexbox;display:flex;gap:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}.auth-perk{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:12px;color:#94a3b8}.auth-security-note{text-align:center;margin-top:20px;font-size:12px;color:#475569;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:6px;position:relative;z-index:1}.form-error-text{font-size:12px;color:#ff4757;margin-top:4px}.is-invalid-tech{border-color:#ff475780!important}.is-invalid-tech:focus{border-color:#ff4757!important;box-shadow:0 0 0 3px #ff475726!important}.error-page-section{min-height:calc(100vh - 220px);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:80px 0;background:#080c18}.error-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 18px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:9999px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:15px;font-weight:600;color:#00d4ff}.error-badge--danger{background:#ff475714;border-color:#ff47574d;color:#ff4757}.error-title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:800;color:#e2e8f0;margin:20px 0 12px}.error-desc{color:#94a3b8;font-size:15px;line-height:1.7;margin-bottom:32px}.error-actions{display:-ms-flexbox;display:flex;gap:12px;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.error-btn-primary{background:linear-gradient(135deg,#00d4ff,#0a84ff);border:none;color:#000!important;font-weight:600;padding:11px 26px;border-radius:9999px;transition:all .25s ease;text-decoration:none}.error-btn-primary:hover{opacity:.88;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}.error-btn-ghost{border:1px solid rgba(0,212,255,.15);color:#94a3b8!important;font-weight:500;padding:11px 26px;border-radius:9999px;background:transparent;transition:all .25s ease;text-decoration:none}.error-btn-ghost:hover{border-color:#00d4ff66;color:#00d4ff!important;background:#00d4ff0f}.cat-hero{background:linear-gradient(135deg,rgba(0,212,255,.08) 0%,rgba(10,132,255,.05) 50%,transparent 100%);border-bottom:1px solid rgba(255,255,255,.06);padding:56px 0 40px;position:relative;overflow:hidden}.cat-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 70% 50%,rgba(0,212,255,.06) 0%,transparent 60%);pointer-events:none}.cat-hero-title{font-size:clamp(28px,4vw,40px);font-weight:800;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;margin-bottom:12px}.cat-hero-desc{color:#94a3b8;font-size:15px;max-width:540px}.cat-stats-row{display:-ms-flexbox;display:flex;gap:28px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:28px}.cat-stat{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.cat-stat-num{font-size:22px;font-weight:800;color:#00d4ff;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.cat-stat-label{font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.cat-filter-bar{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.06);position:-webkit-sticky;position:sticky;top:72px;z-index:100;background:#080c18eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.cat-search{position:relative;max-width:320px}.cat-search input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px 36px 8px 14px;color:#e2e8f0;font-size:13.5px;outline:none;transition:border-color .2s}.cat-search input:focus{border-color:#00d4ff66}.cat-search input::-webkit-input-placeholder{color:#475569}.cat-search input::-moz-placeholder{color:#475569}.cat-search input:-ms-input-placeholder{color:#475569}.cat-search input::-ms-input-placeholder{color:#475569}.cat-search input::placeholder{color:#475569}.cat-search i{position:absolute;right:11px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;font-size:14px;pointer-events:none}.filter-tabs{display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap}.filter-tab{padding:6px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:transparent;color:#475569;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}.filter-tab:hover{border-color:#00d4ff4d;color:#94a3b8}.filter-tab.active{background:#00d4ff1f;border-color:#00d4ff59;color:#00d4ff}.cat-section-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#475569;padding:0 0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.cat-section-label:after{content:"";-ms-flex:1;flex:1;height:1px;background:#ffffff0f}.cat-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:24px;text-decoration:none;display:block;transition:all .22s;position:relative;overflow:hidden;height:100%}.cat-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cat-glow, rgba(0, 212, 255, .05));opacity:0;transition:opacity .22s;border-radius:inherit}.cat-card:hover{border-color:var(--cat-color, rgba(0, 212, 255, .3));-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.cat-card:hover:before{opacity:1}.cat-card:hover .cat-card-name{color:var(--cat-color, #00D4FF)}.cat-card:hover .cat-arrow{border-color:var(--cat-color, rgba(0, 212, 255, .4));color:var(--cat-color, #00D4FF);background:var(--cat-glow, rgba(0, 212, 255, .08))}.cat-card-icon{width:52px;height:52px;border-radius:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:24px;margin-bottom:16px;background:var(--cat-icon-bg, rgba(0, 212, 255, .1))}.cat-card-name{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:6px;transition:color .2s}.cat-card-desc{font-size:13px;color:#475569;line-height:1.5;margin-bottom:16px}.cat-card-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-top:auto}.cat-count{font-size:12px;color:#475569;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.cat-count span{color:var(--cat-color, #00D4FF);font-weight:700}.cat-tags{display:-ms-flexbox;display:flex;gap:4px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:12px}.cat-tag{font-size:10.5px;padding:2px 8px;border-radius:20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#475569;white-space:nowrap}.cat-arrow{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.08);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:#475569;font-size:13px;transition:all .2s;-ms-flex-negative:0;flex-shrink:0}.cat-badge-trending,.cat-badge-hot,.cat-badge-new{position:absolute;top:14px;right:14px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.5px}.cat-badge-new{background:#00e89626;color:#00e896;border:1px solid rgba(0,232,150,.3)}.cat-badge-hot{background:#ff475726;color:#ff4757;border:1px solid rgba(255,71,87,.3)}.cat-badge-trending{background:#00d4ff1f;color:#00d4ff;border:1px solid rgba(0,212,255,.3)}.cat-featured{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:20px;padding:32px;text-decoration:none;display:block;transition:all .22s;position:relative;overflow:hidden;min-height:200px}.cat-featured:after{content:"";position:absolute;right:-20px;bottom:-20px;font-size:120px;opacity:.06;line-height:1;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s;pointer-events:none}.cat-featured:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 20px 48px #00000059;border-color:var(--cat-color, rgba(0, 212, 255, .3))}.cat-featured:hover:after{opacity:.12;-webkit-transform:scale(1.1);transform:scale(1.1)}.cat-featured-top{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:14px}.cat-featured-icon{width:64px;height:64px;border-radius:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:30px;background:var(--cat-icon-bg, rgba(0, 212, 255, .1));-ms-flex-negative:0;flex-shrink:0}.cat-featured-name{font-size:20px;font-weight:800;color:#e2e8f0;margin-bottom:6px}.cat-featured-desc{font-size:13.5px;color:#475569;line-height:1.55;margin-bottom:18px}.cat-featured-stats{display:-ms-flexbox;display:flex;gap:20px}.featured-stat{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2px}.featured-stat-num{font-size:18px;font-weight:800;color:var(--cat-color, #00D4FF);font-family:JetBrains Mono,Fira Code,Courier New,monospace}.featured-stat-label{font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.5px}.no-results{text-align:center;padding:64px 0;color:#475569;display:none}.no-results i{font-size:48px;margin-bottom:16px;display:block}.no-results p{font-size:15px}.cat-group{transition:opacity .2s}.cat-item-hidden{display:none!important}.field-error{font-size:12px;color:#ff4757;margin-top:5px;min-height:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}select.form-control-tech{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;color:#94a3b8}select.form-control-tech option{background:#0d1226;color:#e2e8f0}select.form-control-tech option:disabled{color:#475569}select.form-control-tech.selected{color:#e2e8f0}textarea.form-control-tech{resize:vertical;min-height:140px}#submitBtn:hover{opacity:.88;-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 8px 24px #00d4ff40}#submitBtn:active{-webkit-transform:translateY(0);transform:translateY(0)}#submitBtn:disabled{opacity:.5;cursor:not-allowed;-webkit-transform:none;transform:none}.faq-item{border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;padding:10px 0}.faq-item:last-child{border-bottom:none}.faq-item:hover .faq-q{color:#e2e8f0}.faq-item.open .faq-q{color:#00d4ff}.faq-item.open .faq-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:#00d4ff}.faq-item.open .faq-a{max-height:200px;padding-top:8px}.faq-q{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:#94a3b8;transition:color .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.faq-icon{font-size:11px;color:#475569;-ms-flex-negative:0;flex-shrink:0;transition:-webkit-transform .25s ease;transition:transform .25s ease;transition:transform .25s ease,-webkit-transform .25s ease}.faq-a{font-size:12.5px;color:#475569;line-height:1.7;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding-top:0}.comp-sidebar{position:-webkit-sticky;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto;padding:24px 0;border-right:1px solid rgba(255,255,255,.06)}.comp-sidebar::-webkit-scrollbar{width:4px}.comp-sidebar::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.comp-nav-item{display:block;padding:8px 20px;font-size:13px;font-weight:500;color:#475569;text-decoration:none;transition:all .15s;border-left:2px solid transparent}.comp-nav-item:hover{color:#94a3b8;background:#ffffff08}.comp-nav-item.active{color:#00d4ff;border-left-color:#00d4ff;background:#00d4ff0d}.comp-nav-group{font-size:10px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.12em;padding:12px 20px 4px;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.section-block{scroll-margin-top:88px;padding:64px 0 48px;border-bottom:1px solid rgba(255,255,255,.05)}.section-block:last-child{border-bottom:none}.preview-box{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;margin-bottom:16px}.code-preview{background:#0d1117;border:1px solid rgba(0,212,255,.1);border-radius:12px;padding:16px 20px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:#8be9fd;overflow-x:auto}.comp-title{font-family:Space Grotesk,Inter,sans-serif;font-weight:800;font-size:1.75rem;color:#e2e8f0;margin-bottom:8px}.comp-desc{color:#94a3b8;font-size:14px;margin-bottom:28px;line-height:1.7;max-width:600px}.copy-btn{position:absolute;top:12px;right:12px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);color:#00d4ff;padding:4px 10px;border-radius:6px;font-size:11px;cursor:pointer;font-family:JetBrains Mono,Fira Code,Courier New,monospace;transition:all .15s}.copy-btn:hover{background:#00d4ff33}.swatch{width:56px;height:56px;border-radius:12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:10px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:600}.icon-lib-card{background:#ffffff05;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:18px;transition:border-color .2s,-webkit-transform .2s;transition:border-color .2s,transform .2s;transition:border-color .2s,transform .2s,-webkit-transform .2s}.icon-lib-card:hover{border-color:#ffffff21;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.icon-lib-card.active-lib{border-color:#00e89640;background:#00e89608}.icon-lib-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:14px}.icon-lib-logo{width:40px;height:40px;border-radius:10px;border:1px solid;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0}.icon-lib-name{font-size:13.5px;font-weight:700;color:#e2e8f0;margin-bottom:2px}.icon-lib-count{font-size:11.5px;color:#475569}.icon-lib-preview{display:-ms-flexbox;display:flex;gap:14px;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:12px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:12px;font-size:20px;color:#94a3b8}.icon-lib-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:8px;margin-bottom:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.icon-lib-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;color:#8be9fd;background:#0000004d;padding:3px 8px;border-radius:5px;-ms-flex:1;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-lib-link{font-size:11.5px;color:#00d4ff;text-decoration:none;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;-ms-flex-negative:0;flex-shrink:0}.icon-lib-link:hover{text-decoration:underline}.icon-lib-install{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.icon-lib-install code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setup-steps{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:0}.setup-step{display:-ms-flexbox;display:flex;gap:20px;padding:28px 0 28px 28px;border-left:2px solid rgba(0,212,255,.18);margin-left:20px;position:relative}.setup-step:last-child{border-left-color:transparent}.step-num{position:absolute;left:-20px;top:28px;width:38px;height:38px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0;background:#00d4ff1a;border:2px solid rgba(0,212,255,.3);color:#00d4ff;font-size:14px;font-weight:800;font-family:Space Grotesk,Inter,sans-serif;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.step-body{-ms-flex:1;flex:1;min-width:0}.step-title{font-size:16px;font-weight:700;color:#e2e8f0;margin-bottom:6px;font-family:Space Grotesk,Inter,sans-serif}.step-desc{font-size:13.5px;color:#94a3b8;line-height:1.7;margin-bottom:14px}.step-code-block{background:#0d1117;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-bottom:12px}.step-code-block pre{margin:0;padding:16px 20px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.8;overflow-x:auto;color:#f8f8f2}.scb-bar{background:#0006;padding:7px 14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;font-size:11px;color:#475569;font-family:JetBrains Mono,Fira Code,Courier New,monospace;border-bottom:1px solid rgba(255,255,255,.06)}.scb-copy{background:transparent;border:none;color:#475569;cursor:pointer;font-size:13px;padding:2px 6px;border-radius:5px;transition:color .15s}.scb-copy:hover{color:#00d4ff}.scb-copy.copied{color:#00e896}.step-note{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:9px;font-size:13px;line-height:1.6}.step-note i{-ms-flex-negative:0;flex-shrink:0;margin-top:2px}.step-note.note-info{background:#00d4ff0f;border:1px solid rgba(0,212,255,.18);color:#94a3b8}.step-note.note-info i{color:#00d4ff}.step-note.note-success{background:#00e8960f;border:1px solid rgba(0,232,150,.2);color:#94a3b8}.step-note.note-success i{color:#00e896}.inline-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12px;color:#8be9fd;background:#0000004d;padding:1px 6px;border-radius:4px}.step-version-grid{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:14px}.step-version-card{-ms-flex:1;flex:1;min-width:130px;padding:12px 14px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:border-color .15s}.step-version-card:hover{border-color:#00d4ff4d}.step-version-card.recommended{border-color:#00e8964d;background:#00e8960a}.svc-badge{font-size:10px;font-weight:700;color:#00e896;margin-bottom:4px}.svc-name{font-size:12.5px;font-weight:600;color:#94a3b8;margin-bottom:2px}.svc-ver{font-size:11px;color:#475569;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.step-tab-wrap{border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-bottom:12px}.step-tabs{display:-ms-flexbox;display:flex;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.07)}.step-tab{padding:9px 16px;font-size:12.5px;font-weight:500;color:#475569;background:transparent;border:none;cursor:pointer;transition:color .15s,background .15s;white-space:nowrap}.step-tab:hover{color:#94a3b8}.step-tab.active{color:#00d4ff;background:#00d4ff12;border-bottom:2px solid #00D4FF}.step-tab-panel{display:none}.step-tab-panel.active{display:block}.comp-collapse-btn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:14px 18px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);color:#94a3b8;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;text-align:left}.comp-collapse-btn:hover{background:#ffffff0e;border-color:#ffffff1f}.comp-collapse-btn.open{background:#00d4ff0f;border-color:#00d4ff40;color:#00d4ff;border-radius:12px 12px 0 0}.comp-collapse-body{max-height:0;overflow:hidden;background:#00d4ff08;border:1px solid rgba(0,212,255,.15);border-top:none;border-radius:0 0 12px 12px;font-size:13.5px;color:#94a3b8;line-height:1.7;transition:max-height .3s ease,padding .3s ease;padding:0 18px}.comp-collapse-body.open{max-height:200px;padding:14px 18px}.comp-chevron{font-size:12px;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;-ms-flex-negative:0;flex-shrink:0}.comp-chevron.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.comp-accordion{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.07)}.comp-acc-item{border-bottom:1px solid rgba(255,255,255,.05)}.comp-acc-item:last-child{border-bottom:none}.comp-acc-btn{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:15px 20px;background:#ffffff06;border:none;color:#94a3b8;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .15s;text-align:left}.comp-acc-btn:hover{background:#ffffff0d}.comp-acc-btn.open{background:#00d4ff0f;color:#00d4ff}.comp-acc-body{max-height:0;overflow:hidden;padding:0 20px;font-size:13px;color:#94a3b8;line-height:1.7;background:#ffffff03;transition:max-height .3s ease,padding .3s ease}.comp-acc-body.open{max-height:200px;padding:14px 20px}.comp-modal-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1050;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:24px}.comp-modal-backdrop.show{display:-ms-flexbox;display:flex}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.93) translateY(12px);transform:scale(.93) translateY(12px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.93) translateY(12px);transform:scale(.93) translateY(12px)}to{opacity:1;-webkit-transform:none;transform:none}}.comp-modal{background:#0d1526;border:1px solid rgba(255,255,255,.1);border-radius:18px;width:100%;max-width:460px;box-shadow:0 32px 80px #000000b3;-webkit-animation:modalIn .22s cubic-bezier(.34,1.3,.64,1);animation:modalIn .22s cubic-bezier(.34,1.3,.64,1)}.comp-modal-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.07)}.comp-modal-title{font-size:15px;font-weight:700;color:#e2e8f0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px}.comp-modal-close{width:30px;height:30px;border-radius:8px;border:none;background:#ffffff0d;color:#475569;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:13px;transition:background .15s,color .15s;-ms-flex-negative:0;flex-shrink:0}.comp-modal-close:hover{background:#ff47571f;color:#ff4757}.comp-modal-body{padding:22px}.comp-modal-footer{padding:14px 22px;border-top:1px solid rgba(255,255,255,.07);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;gap:10px}.comp-drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1050;-ms-flex-pack:end;justify-content:flex-end}.comp-drawer-backdrop.show{display:-ms-flexbox;display:flex}@-webkit-keyframes drawerIn{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:none;transform:none}}@keyframes drawerIn{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:none;transform:none}}.comp-drawer{background:#0d1526;border-left:1px solid rgba(255,255,255,.08);width:340px;max-width:90vw;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;box-shadow:-24px 0 80px #00000080;-webkit-animation:drawerIn .25s cubic-bezier(.34,1.15,.64,1);animation:drawerIn .25s cubic-bezier(.34,1.15,.64,1)}.comp-confirm{background:#0d1526;border:1px solid rgba(255,255,255,.1);border-radius:20px;width:100%;max-width:380px;padding:32px 28px;text-align:center;box-shadow:0 32px 80px #000000b3;-webkit-animation:modalIn .22s cubic-bezier(.34,1.3,.64,1);animation:modalIn .22s cubic-bezier(.34,1.3,.64,1)}.comp-confirm-icon{width:64px;height:64px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:26px;margin:0 auto 16px}.comp-confirm-title{font-size:17px;font-weight:800;color:#e2e8f0;margin-bottom:8px}.comp-confirm-desc{font-size:13.5px;color:#475569;line-height:1.6;margin-bottom:24px}.comp-confirm-actions{display:-ms-flexbox;display:flex;gap:10px;-ms-flex-pack:center;justify-content:center}.comp-dropdown-wrap{position:relative;display:inline-block}.comp-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#0d1526;border:1px solid rgba(255,255,255,.1);border-radius:12px;min-width:170px;padding:6px;box-shadow:0 16px 48px #0009;z-index:200;opacity:0;-webkit-transform:translateY(-8px) scale(.97);transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .18s,-webkit-transform .18s;transition:opacity .18s,transform .18s;transition:opacity .18s,transform .18s,-webkit-transform .18s}.comp-dropdown.open{opacity:1;-webkit-transform:none;transform:none;pointer-events:all}.comp-dd-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:9px 12px;border-radius:8px;font-size:13px;color:#94a3b8;cursor:pointer;transition:background .12s,color .12s}.comp-dd-item:hover{background:#ffffff0d;color:#e2e8f0}.comp-dd-danger{color:#ff4757}.comp-dd-danger:hover{background:#ff475714;color:#ff4757}.comp-dd-divider{height:1px;background:#ffffff0f;margin:4px 0}.comp-avatar-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer;transition:background .15s}.comp-avatar-btn:hover{background:#ffffff0f}.comp-tooltip-wrap{position:relative;display:-ms-inline-flexbox;display:inline-flex}.comp-tooltip-wrap:hover .comp-tooltip{opacity:1}.comp-tooltip-wrap:hover .comp-tooltip-top,.comp-tooltip-wrap:hover .comp-tooltip-bottom{-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}.comp-tooltip-wrap:hover .comp-tooltip-left,.comp-tooltip-wrap:hover .comp-tooltip-right{-webkit-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translate(0)}.comp-tooltip{position:absolute;z-index:300;background:#0f1428f5;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:12px;font-weight:500;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s,-webkit-transform .15s;transition:opacity .15s,transform .15s;transition:opacity .15s,transform .15s,-webkit-transform .15s;box-shadow:0 8px 24px #0006}.comp-tooltip-top{bottom:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%) translateY(4px);transform:translate(-50%) translateY(4px)}.comp-tooltip-bottom{top:calc(100% + 8px);left:50%;-webkit-transform:translateX(-50%) translateY(-4px);transform:translate(-50%) translateY(-4px)}.comp-tooltip-left{right:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%) translateX(4px);transform:translateY(-50%) translate(4px)}.comp-tooltip-right{left:calc(100% + 8px);top:50%;-webkit-transform:translateY(-50%) translateX(-4px);transform:translateY(-50%) translate(-4px)}.comp-popover{position:absolute;bottom:calc(100% + 10px);left:50%;-webkit-transform:translateX(-50%) translateY(8px);transform:translate(-50%) translateY(8px);min-width:220px;background:#0d1526;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 16px 12px;z-index:300;box-shadow:0 16px 48px #0009;opacity:0;pointer-events:none;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s}.comp-popover.open{opacity:1;pointer-events:all;-webkit-transform:translateX(-50%) translateY(0);transform:translate(-50%) translateY(0)}.comp-popover-title{font-size:13px;font-weight:700;color:#e2e8f0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;margin-bottom:8px}.comp-popover-body{font-size:12.5px;color:#94a3b8;line-height:1.6}.comp-popover-close{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:6px;border:none;background:#ffffff0d;color:#475569;cursor:pointer;font-size:11px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .15s}.comp-popover-close:hover{background:#ff47571f;color:#ff4757}.posts-page-hero{background:linear-gradient(135deg,rgba(0,212,255,.06) 0%,transparent 60%);border-bottom:1px solid rgba(255,255,255,.07);padding:40px 0 28px;position:relative;overflow:hidden}.posts-page-hero:after{content:"";position:absolute;right:-80px;top:-60px;width:360px;height:360px;background:radial-gradient(circle,rgba(10,132,255,.07) 0%,transparent 65%);pointer-events:none}.posts-page-title{font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(1.75rem,3vw,2.4rem);font-weight:800;color:#e2e8f0;letter-spacing:-.03em;margin-bottom:6px}.posts-page-title span{color:#00d4ff}.posts-page-sub{font-size:.875rem;color:#475569}.posts-layout{display:grid;grid-template-columns:240px 1fr 240px;gap:3rem;-ms-flex-align:start;align-items:start;padding:3rem 0 6rem}@media (max-width: 1199px){.posts-layout{grid-template-columns:220px 1fr}.posts-layout .posts-sidebar-right{display:none}}@media (max-width: 767px){.posts-layout{grid-template-columns:1fr}.posts-layout .posts-sidebar-left{display:none}}.posts-sidebar-left,.posts-sidebar-right{position:-webkit-sticky;position:sticky;top:88px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem}.posts-widget{background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden}.posts-widget-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569}.posts-widget-header i{color:#00d4ff;font-size:13px}.posts-widget-item{display:-ms-flexbox;display:flex;gap:.5rem;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.04);text-decoration:none;transition:all .15s ease}.posts-widget-item:last-child{border-bottom:none}.posts-widget-item:hover{background:#00d4ff0a}.posts-widget-item:hover .pwi-title{color:#00d4ff}.pwi-num{font-size:18px;font-weight:900;color:#00d4ff26;font-family:JetBrains Mono,Fira Code,Courier New,monospace;line-height:1;-ms-flex-negative:0;flex-shrink:0;width:26px;padding-top:2px}.pwi-thumb{width:52px;height:40px;border-radius:4px;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0;background:#ffffff0a}.pwi-body{-ms-flex:1;flex:1;min-width:0}.pwi-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#00d4ff;margin-bottom:3px}.pwi-title{font-size:12.5px;font-weight:600;color:#94a3b8;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s}.pwi-meta{font-size:11px;color:#475569;margin-top:4px}.posts-tag-cloud{padding:14px 18px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.posts-tag-chip{font-size:11px;padding:4px 10px;border-radius:9999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:#475569;text-decoration:none;transition:all .15s ease;cursor:pointer}.posts-tag-chip:hover,.posts-tag-chip.active{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.posts-controls{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1.5rem;padding:1rem 1.5rem;background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:16px}.posts-search-wrap{position:relative;-ms-flex:1;flex:1;min-width:180px}.posts-search-wrap input{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:8px 14px 8px 34px;color:#e2e8f0;font-size:.875rem;outline:none;transition:all .15s ease}.posts-search-wrap input:focus{border-color:#00d4ff66;box-shadow:0 0 0 3px #00d4ff14}.posts-search-wrap input::-webkit-input-placeholder{color:#475569}.posts-search-wrap input::-moz-placeholder{color:#475569}.posts-search-wrap input:-ms-input-placeholder{color:#475569}.posts-search-wrap input::-ms-input-placeholder{color:#475569}.posts-search-wrap input::placeholder{color:#475569}.posts-search-wrap i{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;font-size:13px;pointer-events:none}.posts-ctrl-sep{width:1px;height:24px;background:#ffffff12;-ms-flex-negative:0;flex-shrink:0}.posts-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#94a3b8;font-size:12.5px;font-weight:500;padding:7px 30px 7px 10px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748B' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s ease}.posts-select:focus{border-color:#00d4ff66}.posts-select option{background:#0d1226;color:#e2e8f0}.posts-dir-btn{width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:#475569;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:all .15s ease;-ms-flex-negative:0;flex-shrink:0}.posts-dir-btn:hover,.posts-dir-btn.asc{color:#00d4ff;border-color:#00d4ff4d;background:#00d4ff12}.view-toggle{display:-ms-flexbox;display:flex;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.view-btn{width:34px;height:34px;border:none;background:transparent;color:#475569;font-size:14px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:all .15s ease}.view-btn.active,.view-btn:hover{background:#00d4ff1a;color:#00d4ff}.posts-cat-chips{display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1.5rem}@media (max-width: 767px){.posts-cat-chips{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.posts-cat-chips::-webkit-scrollbar{display:none}}.posts-cat-chip{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:5px;padding:5px 13px;border-radius:9999px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.posts-cat-chip:hover{border-color:#00d4ff4d;color:#94a3b8}.posts-cat-chip.active{background:#00d4ff1a;border-color:#00d4ff66;color:#00d4ff;font-weight:600}.posts-cat-chip .chip-count{font-size:10px;background:#ffffff12;padding:1px 5px;border-radius:9999px}.posts-cat-chip.active .chip-count{background:#00d4ff33}.posts-results-bar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem;font-size:.875rem;color:#475569}.posts-results-bar strong{color:#e2e8f0}.posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media (max-width: 575px){.posts-grid{grid-template-columns:1fr}}.posts-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1rem}.post-card{background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;text-decoration:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;transition:all .25s ease}.post-card:hover{border-color:#00d4ff40;-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 12px 36px #0000004d}.post-card:hover .post-card-title{color:#00d4ff}.post-card:hover .post-thumb-img{-webkit-transform:scale(1.04);transform:scale(1.04)}.post-card-thumb{position:relative;overflow:hidden;aspect-ratio:16/9;background:#ffffff0a;-ms-flex-negative:0;flex-shrink:0}.post-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.post-thumb-placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff0f,#0a84ff0a);font-size:32px;color:#00d4ff4d}.post-card-cat{position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:9999px;background:#080c18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#00d4ff;border:1px solid rgba(0,212,255,.2)}.post-card-body{padding:1rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1;flex:1}.post-card-title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.post-card-excerpt{font-size:.875rem;color:#475569;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem;-ms-flex:1;flex:1}.post-card-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;margin-top:auto;font-size:11.5px;color:#475569;-ms-flex-wrap:wrap;flex-wrap:wrap}.post-card-avatar{width:20px;height:20px;border-radius:9999px;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.post-card-author{color:#94a3b8;font-weight:500}.post-meta-sep{width:3px;height:3px;border-radius:50%;background:#475569}.post-list-item{background:#111827;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;text-decoration:none;display:-ms-flexbox;display:flex;gap:0;transition:all .25s ease}.post-list-item:hover{border-color:#00d4ff40;box-shadow:0 6px 24px #00000040}.post-list-item:hover .post-list-title{color:#00d4ff}.post-list-item:hover .post-list-thumb-img{-webkit-transform:scale(1.04);transform:scale(1.04)}.post-list-thumb{width:180px;-ms-flex-negative:0;flex-shrink:0;overflow:hidden;background:#ffffff0a;position:relative}@media (max-width: 575px){.post-list-thumb{width:100px}}.post-list-thumb-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.post-list-placeholder{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(135deg,#00d4ff0f,#0a84ff0a);font-size:28px;color:#00d4ff4d}.post-list-cat{position:absolute;bottom:8px;left:8px;font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:9999px;background:#080c18d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#00d4ff}.post-list-body{-ms-flex:1;flex:1;padding:1rem 1.5rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-width:0}.post-list-title{font-family:Space Grotesk,Inter,sans-serif;font-size:1.125rem;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:6px;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-list-excerpt{font-size:.875rem;color:#475569;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.5rem}.post-list-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:11.5px;color:#475569;-ms-flex-wrap:wrap;flex-wrap:wrap}.posts-pagination{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:4px;margin-top:3rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.pg-btn{min-width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#111827;color:#475569;font-size:13px;font-weight:500;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 8px;cursor:pointer;transition:all .15s ease;font-family:JetBrains Mono,Fira Code,Courier New,monospace;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pg-btn:hover{border-color:#00d4ff4d;color:#94a3b8;background:#00d4ff0f}.pg-btn.active{background:linear-gradient(135deg,#00d4ff,#0a84ff);border-color:transparent;color:#080c18;font-weight:700;box-shadow:0 4px 16px #00d4ff4d}.pg-btn.disabled{opacity:.35;pointer-events:none}.pg-btn.pg-dots{border-color:transparent;background:transparent;cursor:default}.pg-btn.pg-dots:hover{background:transparent;border-color:transparent;color:#475569}.posts-empty{text-align:center;padding:64px 20px;display:none}.posts-empty.visible{display:block}.posts-empty i{font-size:48px;color:#475569;margin-bottom:1rem;display:block}.posts-empty h3{font-size:1.25rem;color:#94a3b8;margin-bottom:.5rem}.posts-empty p{font-size:.875rem;color:#475569}.tags-page-hero{background:linear-gradient(135deg,#00d4ff0f,#0a84ff08);border-bottom:1px solid rgba(255,255,255,.07);padding:40px 0}.tags-hero-title{font-size:clamp(1.6rem,4vw,2rem);font-weight:800;color:#e2e8f0;margin:0 0 12px}.tags-hero-desc{color:#94a3b8;font-size:16px;max-width:600px;margin-bottom:24px}.tags-search-input{background:#080c1899;border:1px solid rgba(0,212,255,.2);color:#fff;padding:12px 12px 12px 48px;border-radius:12px;box-shadow:0 4px 20px #0003}.tags-search-input:focus{background:#080c18cc;border-color:#00d4ff80;color:#fff;box-shadow:0 0 0 3px #00d4ff1a;outline:none}.tags-search-input::-webkit-input-placeholder{color:#475569}.tags-search-input::-moz-placeholder{color:#475569}.tags-search-input:-ms-input-placeholder{color:#475569}.tags-search-input::-ms-input-placeholder{color:#475569}.tags-search-input::placeholder{color:#475569}.alphabet-nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px;margin-bottom:24px;padding:16px;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.07)}@media (max-width: 575px){.alphabet-nav{-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px}}.alpha-btn{width:32px;height:32px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:6px;background:#ffffff0d;border:1px solid transparent;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.alpha-btn:hover,.alpha-btn.active{background:#00d4ff;color:#080c18}.tag-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(225px,100%),1fr));gap:12px;margin-top:20px}.tag-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;transition:all .2s ease;text-decoration:none;color:#e2e8f0}.tag-card:hover{background:#00d4ff14;border-color:#00d4ff4d;-webkit-transform:translateY(-2px);transform:translateY(-2px);color:#00d4ff}.tag-count{font-size:12px;background:#ffffff14;color:#94a3b8;padding:2px 8px;border-radius:20px;-ms-flex-negative:0;flex-shrink:0}.tag-section-title{font-size:18px;font-weight:700;color:#e2e8f0;margin:32px 0 16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.tag-section-title:after{content:"";-ms-flex:1;flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent)}.search-status{display:none;margin-bottom:20px;color:#94a3b8}.search-status.is-visible{display:block}.search-status__count{color:#00d4ff;font-weight:600}.search-status__query{color:#e2e8f0}.tags-empty-state{text-align:center;padding:50px 20px;color:#475569}.tags-empty-state i{font-size:40px;display:block;margin-bottom:12px}.affiliate-page-wrap{display:grid;grid-template-columns:1fr 280px;gap:24px;-ms-flex-align:start;align-items:start;padding:28px 0 72px}@media (max-width: 991px){.affiliate-page-wrap{grid-template-columns:1fr}.affiliate-page-wrap .tool-sidebar-right{display:none}}.affiliate-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}@media (max-width: 767px){.affiliate-products-grid{grid-template-columns:repeat(2,1fr)}}.affiliate-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;transition:border-color .22s,box-shadow .22s,-webkit-transform .22s;transition:border-color .22s,transform .22s,box-shadow .22s;transition:border-color .22s,transform .22s,box-shadow .22s,-webkit-transform .22s}.affiliate-card:hover{border-color:#00d4ff47;-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 36px #00000073,0 0 20px #00d4ff14}.affiliate-card-img-wrap{position:relative;overflow:hidden;background:#ffffff08;aspect-ratio:304/154}.affiliate-card-img-wrap img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;padding:12px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.affiliate-card:hover .affiliate-card-img-wrap img{-webkit-transform:scale(1.06);transform:scale(1.06)}.affiliate-card-badge{position:absolute;top:10px;right:10px;background:#ff4757;color:#fff;font-size:11px;font-weight:700;padding:3px 9px;border-radius:9999px;letter-spacing:.3px;line-height:1.6;z-index:1}.affiliate-card-body{padding:14px 16px 16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;-ms-flex:1;flex:1}.affiliate-card-name{font-size:13px;font-weight:600;color:#94a3b8;text-decoration:none;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s;-ms-flex:1;flex:1}.affiliate-card-name:hover{color:#00d4ff}.affiliate-card-price{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap}.affiliate-price-original{font-size:12px;color:#475569;text-decoration:line-through}.affiliate-price-current{font-size:15px;font-weight:800;color:#ff6b35;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.affiliate-card-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:6px;padding:9px 12px;border-radius:12px;background:#00d4ff14;border:1px solid rgba(0,212,255,.18);color:#00d4ff;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s ease;margin-top:auto}.affiliate-card-btn:hover{background:#00d4ff29;border-color:#00d4ff66;color:#00d4ff;box-shadow:0 0 14px #00d4ff2e}.affiliate-promo-banner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;gap:20px;padding:28px 32px;margin-top:36px;border-radius:18px;background:linear-gradient(135deg,#00d4ff0f,#0a84ff08);border:1px solid rgba(0,212,255,.14);-ms-flex-wrap:wrap;flex-wrap:wrap}@media (max-width: 575px){.affiliate-promo-banner{padding:20px;text-align:center;-ms-flex-pack:center;justify-content:center}}.affiliate-promo-text h3{font-size:18px;font-weight:800;color:#e2e8f0;margin-bottom:4px}.affiliate-promo-text p{font-size:13.5px;color:#475569;margin:0}.affiliate-promo-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:8px;padding:11px 22px;border-radius:9999px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#000!important;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .25s ease;-ms-flex-negative:0;flex-shrink:0}.affiliate-promo-btn:hover{opacity:.88;-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 0 20px #00d4ff4d,0 0 60px #00d4ff1a}body.compiler-body{overflow:hidden}.compiler-page{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 110px);background:#0a0f1e;overflow:hidden}.compiler-toolbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;height:46px;-ms-flex-negative:0;flex-shrink:0;padding:0 12px;background:#080d1a;border-bottom:1px solid rgba(0,212,255,.1);overflow-x:auto;scrollbar-width:none}.compiler-toolbar::-webkit-scrollbar{display:none}.toolbar-sep{width:1px;height:22px;background:#ffffff1a;-ms-flex-negative:0;flex-shrink:0;margin:0 4px}.lang-select-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px;padding:0 12px;height:32px;background:#00d4ff12;border:1px solid rgba(0,212,255,.2);border-radius:8px;color:#94a3b8;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s;-ms-flex-negative:0;flex-shrink:0}.lang-select-btn .lang-dot{width:8px;height:8px;border-radius:50%}.lang-select-btn:hover{background:#00d4ff24;color:#00d4ff}.lang-dropdown-wrap{position:relative}.lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:190px;background:#0a0f1efa;border:1px solid rgba(0,212,255,.14);border-radius:12px;padding:6px;box-shadow:0 20px 60px #000000b3;z-index:999}.lang-dropdown.open{display:block}.lang-opt{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:12.5px;font-weight:500;color:#94a3b8;transition:all .15s}.lang-opt .lang-dot{width:9px;height:9px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.lang-opt .lang-opt-label{font-size:11px;color:#475569;margin-left:auto}.lang-opt:hover,.lang-opt.active{background:#00d4ff14;color:#e2e8f0}.file-tabs{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:2px}.file-tab{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;padding:0 13px;height:30px;border-radius:6px;font-size:12px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:500;cursor:pointer;color:#475569;border:1px solid transparent;background:transparent;transition:all .15s;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.file-tab .dot{width:7px;height:7px;border-radius:50%}.file-tab.html-tab .dot{background:#ff6b35}.file-tab.css-tab .dot{background:#0a84ff}.file-tab.js-tab .dot{background:#ffb800}.file-tab.active{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff14}.file-tab:hover:not(.active){color:#94a3b8;background:#ffffff08}.tb-btn{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:5px;padding:0 10px;height:30px;border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;border:1px solid transparent;background:transparent;color:#475569;transition:all .15s;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.tb-btn:hover{color:#94a3b8;background:#ffffff0d}.tb-btn.run-btn{background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#0a0f1e;font-weight:700;border:none;padding:0 16px}.tb-btn.run-btn:hover{box-shadow:0 0 20px #00d4ff66;color:#0a0f1e}.tb-btn.run-btn.running{-webkit-animation:runPulse .9s ease infinite alternate;animation:runPulse .9s ease infinite alternate}@-webkit-keyframes runPulse{0%{box-shadow:0 0 6px #00d4ff4d}to{box-shadow:0 0 22px #00d4ff99}}@keyframes runPulse{0%{box-shadow:0 0 6px #00d4ff4d}to{box-shadow:0 0 22px #00d4ff99}}.compiler-workspace{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;overflow:hidden}#editorPane{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:50%;min-width:180px;overflow:hidden;border-right:1px solid rgba(255,255,255,.05)}.editor-area{-ms-flex:1;flex:1;position:relative;overflow:hidden}.editor-instance{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none}.editor-instance.active{visibility:visible;pointer-events:auto}.CodeMirror{height:100%!important;font-family:JetBrains Mono,Fira Code,Courier New,monospace!important;font-size:13.5px!important;line-height:1.65!important;background:#0d1117!important;color:#e2e8f0!important}.CodeMirror-scroll{height:100%!important}.CodeMirror-gutters{background:#0d1117!important;border-right:1px solid rgba(255,255,255,.05)!important}.CodeMirror-linenumber{color:#2d3748!important;font-size:11.5px}.CodeMirror-cursor{border-left:2px solid #00D4FF!important}.CodeMirror-selected{background:#00d4ff1f!important}.CodeMirror-matchingbracket{color:#00d4ff!important;border-bottom:1px solid #00D4FF}.CodeMirror-activeline-background{background:#ffffff05!important}.cm-keyword{color:#00d4ff!important;font-weight:600}.cm-atom,.cm-number{color:#ff6b35!important}.cm-def{color:#7c3aed!important}.cm-variable{color:#e2e8f0!important}.cm-variable-2{color:#60a5fa!important}.cm-variable-3{color:#00e896!important}.cm-type{color:#60a5fa!important}.cm-property,.cm-operator{color:#94a3b8!important}.cm-comment{color:#3d5068!important;font-style:italic}.cm-string,.cm-string-2{color:#00e896!important}.cm-meta{color:#94a3b8!important}.cm-qualifier{color:#7c3aed!important}.cm-builtin{color:#00e896!important}.cm-bracket{color:#94a3b8!important}.cm-tag{color:#ff6b35!important}.cm-attribute{color:#7c3aed!important}.cm-header{color:#00d4ff!important}.cm-hr{color:#475569!important}.cm-link{color:#60a5fa!important}.cm-error{color:#ff4757!important}.editor-statusbar{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;height:24px;-ms-flex-negative:0;flex-shrink:0;padding:0 12px;background:#080d1a;border-top:1px solid rgba(255,255,255,.04);font-size:11px;color:#3d5068}.editor-statusbar span{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px}.editor-statusbar .status-sep{width:1px;height:12px;background:#ffffff0f}.resize-handle{width:5px;cursor:col-resize;-ms-flex-negative:0;flex-shrink:0;background:transparent;position:relative;transition:background .2s}.resize-handle:after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:3px;height:40px;border-radius:3px;background:#00d4ff26;transition:background .2s,height .2s}.resize-handle:hover:after,.resize-handle.dragging:after{background:#00d4ff80;height:60px}#previewPane{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden;min-width:180px}.preview-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:38px;-ms-flex-negative:0;flex-shrink:0;padding:0 10px 0 4px;background:#0a0f1e;border-bottom:1px solid rgba(255,255,255,.05)}.preview-tabs{display:-ms-flexbox;display:flex;gap:2px}.preview-tab{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;border:none;background:transparent;color:#475569;transition:all .15s}.preview-tab.active{color:#e2e8f0;background:#ffffff0d}.preview-tab:hover:not(.active){color:#94a3b8}.preview-tab .count{font-size:10px;padding:1px 5px;border-radius:10px;background:#ff475740;color:#ff4757}.preview-actions{display:-ms-flexbox;display:flex;gap:4px}.pv-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#475569;font-size:13px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;transition:all .15s}.pv-btn:hover{background:#ffffff0f;color:#94a3b8}.preview-content{-ms-flex:1;flex:1;position:relative;overflow:hidden}#previewFrame{width:100%;height:100%;border:none;background:#fff;display:block}.console-out{display:none;-ms-flex-direction:column;flex-direction:column;height:100%;background:#080d1a;overflow:hidden}.console-out.active{display:-ms-flexbox;display:flex}.console-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.05);-ms-flex-negative:0;flex-shrink:0}.console-lang-badge{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#94a3b8}.console-lang-badge .dot{width:7px;height:7px;border-radius:50%}.console-time{font-size:11px;color:#3d5068;margin-left:auto}.console-body{-ms-flex:1;flex:1;overflow-y:auto;padding:12px 16px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12.5px;line-height:1.7;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.2) transparent}.console-body::-webkit-scrollbar{width:4px}.console-body::-webkit-scrollbar-thumb{background:#00d4ff33;border-radius:2px}.console-line{display:-ms-flexbox;display:flex;gap:8px}.console-line .prefix{color:#3d5068;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-negative:0;flex-shrink:0}.console-line .text{color:#e2e8f0;white-space:pre-wrap;word-break:break-word}.console-line.error .text{color:#ff4757}.console-line.warn .text{color:#ffb800}.console-line.sys .text{color:#475569;font-style:italic}.console-line.success .text{color:#00e896}.console-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;gap:12px;color:#2d3748}.console-placeholder i{font-size:36px}.console-placeholder p{font-size:13px;margin:0}.running-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#080d1ad9;display:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:14px;z-index:10}.running-overlay.active{display:-ms-flexbox;display:flex}.running-overlay p{font-size:13px;color:#475569;margin:0}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.running-spinner{width:36px;height:36px;border:3px solid rgba(0,212,255,.15);border-top-color:#00d4ff;border-radius:50%;-webkit-animation:spin .7s linear infinite;animation:spin .7s linear infinite}@media (max-width: 767px){.compiler-page{height:calc(100vh - 72px)}.compiler-workspace{-ms-flex-direction:column;flex-direction:column}#editorPane{width:100%!important;height:50%;border-right:none;border-bottom:1px solid rgba(255,255,255,.06)}#previewPane{height:50%}.resize-handle{display:none}.compiler-toolbar{gap:4px;padding:0 8px}.file-tabs .file-tab{padding:0 10px}.tb-btn:not(.run-btn)>span{display:none}}.compiler-page.fullscreen-preview #editorPane,.compiler-page.fullscreen-preview .resize-handle{display:none}.compiler-page.fullscreen-preview #previewPane{width:100%}.font-sm .CodeMirror{font-size:11.5px!important}.font-md .CodeMirror{font-size:13.5px!important}.font-lg .CodeMirror{font-size:15.5px!important}.tool-page-wrap{display:grid;grid-template-columns:230px 1fr 280px;gap:24px;-ms-flex-align:start;align-items:start;padding:28px 0 72px}@media (max-width: 1199px){.tool-page-wrap{grid-template-columns:210px 1fr}.tool-page-wrap .tool-sidebar-right{display:none}}@media (max-width: 767px){.tool-page-wrap{grid-template-columns:1fr}.tool-page-wrap .tool-sidebar-left{display:none}}.tool-sidebar-left{position:-webkit-sticky;position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,212,255,.3) transparent}.tool-sidebar-left::-webkit-scrollbar{width:3px}.tool-sidebar-left::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:2px}.sidebar-cat{margin-bottom:4px}.sidebar-cat-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:9px;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:13px;font-weight:600;color:#94a3b8;background:transparent;border:none;width:100%;text-align:left;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sidebar-cat-header:hover{background:#ffffff0a;color:#94a3b8}.sidebar-cat-header.active{background:#00d4ff14;color:#00d4ff}.sidebar-cat-header.active .cat-icon{background:#00d4ff1f}.sidebar-cat-header .cat-icon{width:28px;height:28px;border-radius:8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:14px;-ms-flex-negative:0;flex-shrink:0;background:#ffffff0d}.sidebar-cat-header .cat-arrow{margin-left:auto;font-size:11px;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-ms-flex-negative:0;flex-shrink:0}.sidebar-cat-header.open .cat-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sidebar-sub{display:none;padding:2px 0 6px 16px}.sidebar-sub.open{display:block}.sidebar-sub-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;font-size:12.5px;color:#475569;text-decoration:none;transition:all .15s;position:relative}.sidebar-sub-item:before{content:"—";font-size:10px;color:#334155;-ms-flex-negative:0;flex-shrink:0}.sidebar-sub-item:hover{background:#ffffff0a;color:#94a3b8}.sidebar-sub-item.active{background:#00d4ff14;color:#00d4ff;font-weight:600}.sidebar-sub-item.active:before{color:#00d4ff;content:"▸"}.tool-page-header{background:linear-gradient(135deg,#00d4ff0f,#0a84ff08);border-bottom:1px solid rgba(255,255,255,.06);padding:22px 0;margin-bottom:0}.tool-page-header .tool-breadcrumb{margin-bottom:16px}.tool-page-header-body{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:14px;-ms-flex-wrap:wrap;flex-wrap:wrap}.tool-page-header-icon{width:48px;height:48px;border-radius:14px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:22px;-ms-flex-negative:0;flex-shrink:0}.tool-page-header-title{font-size:22px;font-weight:800;color:#e2e8f0;margin:0 0 4px}.tool-page-header-meta{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.tool-page-header-meta span{font-size:12px;color:#475569}.tool-breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:6px;font-size:12.5px;color:#475569;margin-bottom:20px;-ms-flex-wrap:wrap;flex-wrap:wrap}.tool-breadcrumb a{color:#475569;text-decoration:none}.tool-breadcrumb a:hover{color:#94a3b8}.tool-breadcrumb .sep{color:#2d3b55}.tool-breadcrumb .current{color:#94a3b8}.cat-tabs{display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}.cat-tab-btn{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:7px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#475569;font-size:12.5px;font-weight:500;cursor:pointer;transition:all .18s;white-space:nowrap}.cat-tab-btn:hover{border-color:#00d4ff33;color:#94a3b8}.cat-tab-btn.active{background:#00d4ff1a;border-color:#00d4ff59;color:#00d4ff}.tool-page-wrap .tool-card{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:18px;padding:32px;margin-bottom:24px;width:100%;box-sizing:border-box;-webkit-transform:none;transform:none;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch;text-align:left;gap:0}.tool-page-wrap .tool-card:hover{-webkit-transform:none;transform:none;box-shadow:none;border-color:#ffffff1a}.tool-card-title{font-size:20px;font-weight:800;color:#e2e8f0;margin-bottom:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px}.tool-card-title .title-icon{width:40px;height:40px;border-radius:12px;background:#00d4ff1a;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:18px;-ms-flex-negative:0;flex-shrink:0}.tool-card-subtitle{font-size:13px;color:#475569;margin-bottom:28px;padding-left:50px}.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;-ms-flex-align:center;align-items:center;margin-bottom:20px}@media (max-width: 575px){.converter-row{grid-template-columns:1fr}.converter-row .swap-btn-wrap{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.converter-row .swap-btn{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.input-group-tech{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px}.input-group-tech label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#475569}.unit-field-wrap{display:-ms-flexbox;display:flex;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:#ffffff0a;transition:border-color .2s}.unit-field-wrap:focus-within{border-color:#00d4ff66}.unit-field-wrap .spinner-btn{width:38px;background:#ffffff0a;border:none;color:#475569;font-size:16px;cursor:pointer;-ms-flex-negative:0;flex-shrink:0;transition:all .15s}.unit-field-wrap .spinner-btn:hover{background:#00d4ff14;color:#00d4ff}.unit-field-wrap input[type=number],.unit-field-wrap input[type=text]{-ms-flex:1;flex:1;background:transparent;border:none;outline:none;color:#e2e8f0;font-size:20px;font-weight:700;font-family:JetBrains Mono,Fira Code,Courier New,monospace;padding:12px 8px;min-width:0;text-align:center;width:0}.unit-field-wrap input[type=number]{-moz-appearance:textfield}.unit-field-wrap input[type=number]::-webkit-inner-spin-button,.unit-field-wrap input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.unit-select-wrap{position:relative}.unit-select-wrap select{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#94a3b8;font-size:14px;font-weight:500;padding:11px 36px 11px 14px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s}.unit-select-wrap select:focus{border-color:#00d4ff66}.unit-select-wrap select option{background:#0d1226;color:#94a3b8}.unit-select-wrap:after{content:"";font-family:bootstrap-icons;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#475569;pointer-events:none;font-size:13px}.swap-btn{width:44px;height:44px;border-radius:12px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);color:#00d4ff;font-size:18px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;transition:all .2s;-ms-flex-negative:0;flex-shrink:0}.swap-btn:hover{background:#00d4ff29;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.convert-btn{width:100%;padding:14px;border-radius:12px;background:linear-gradient(135deg,#00d4ff,#0a84ff);border:none;color:#000;font-size:15px;font-weight:800;letter-spacing:.5px;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:8px;transition:all .2s;margin-bottom:20px}.convert-btn:hover{box-shadow:0 0 24px #00d4ff66;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.convert-btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.result-box{background:#00d4ff0d;border:1px solid rgba(0,212,255,.15);border-radius:16px;padding:32px 48px;text-align:center;min-height:120px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;gap:6px;position:relative;width:100%}.result-box.has-result{border-color:#00d4ff4d}.result-box.wide{-ms-flex-align:stretch;align-items:stretch;padding:24px 28px;text-align:left}.result-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#475569}.result-value{font-size:28px;font-weight:800;font-family:JetBrains Mono,Fira Code,Courier New,monospace;background:linear-gradient(135deg,#00d4ff,#0a84ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.result-unit{font-size:14px;color:#475569;font-weight:500}.result-copy{position:absolute;top:10px;right:12px;background:none;border:none;color:#475569;font-size:14px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .15s}.result-copy:hover{color:#00d4ff;background:#00d4ff14}.copy-btn-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:none;border:none;color:#475569;font-size:13px;cursor:pointer;padding:3px 6px;border-radius:6px;transition:all .15s;vertical-align:middle}.copy-btn-inline:hover{color:#00d4ff;background:#00d4ff14}.all-results-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:#475569;margin:24px 0 12px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px}.all-results-title:after{content:"";-ms-flex:1;flex:1;height:1px;background:#ffffff0f}.results-table{width:100%;border-collapse:collapse}.results-table tr{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s;cursor:pointer}.results-table tr:hover{background:#ffffff08}.results-table tr:last-child{border-bottom:none}.results-table tr.highlight td{color:#00d4ff}.results-table tr.highlight td:first-child{color:#00d4ff;font-weight:600}.results-table td{padding:9px 14px;font-size:13.5px}.results-table td:first-child{color:#475569}.results-table td:last-child{color:#94a3b8;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-weight:600;text-align:right}.presets-row{display:-ms-flexbox;display:flex;gap:6px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:16px}.preset-chip{padding:5px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#475569;font-size:12px;cursor:pointer;transition:all .15s;white-space:nowrap}.preset-chip:hover{border-color:#00d4ff4d;color:#94a3b8;background:#00d4ff0d}.convert-type-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-bottom:4px}.convert-type-btn{padding:7px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.convert-type-btn:hover{border-color:#00d4ff4d;color:#94a3b8;background:#00d4ff0d}.convert-type-btn.active{background:#00d4ff1f;border-color:#00d4ff66;color:#00d4ff;font-weight:600}.pw-options-grid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px;width:100%}.pw-length-row{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:8px;width:100%}.pw-length-row label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:#475569}.pw-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;width:100%}@media (max-width: 480px){.pw-checks{grid-template-columns:1fr}}.pw-check-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:8px;cursor:pointer}.pw-check-item input[type=checkbox]{width:16px;height:16px;accent-color:#00D4FF;-ms-flex-negative:0;flex-shrink:0;cursor:pointer}.pw-check-label{font-size:13px;color:#94a3b8;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:5px}.pw-check-sample{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:11px;color:#475569;background:#ffffff0d;padding:1px 6px;border-radius:4px}.tech-textarea{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;color:#94a3b8;font-size:13.5px;font-family:JetBrains Mono,Fira Code,Courier New,monospace;line-height:1.6;resize:vertical;outline:none;transition:border-color .18s}.tech-textarea::-webkit-input-placeholder{color:#475569}.tech-textarea::-moz-placeholder{color:#475569}.tech-textarea:-ms-input-placeholder{color:#475569}.tech-textarea::-ms-input-placeholder{color:#475569}.tech-textarea::placeholder{color:#475569}.tech-textarea:focus{border-color:#00d4ff59}.tech-textarea[readonly]{background:#00d4ff0a;border-color:#00d4ff1f;color:#cbd5e1;cursor:default}.action-toggle{display:-ms-flexbox;display:flex;gap:8px;margin:16px 0}.action-toggle input[type=radio]{display:none}.action-toggle label{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:7px;padding:9px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.action-toggle label:hover{border-color:#00d4ff33;color:#94a3b8}.action-toggle input[type=radio]:checked+label{background:#00d4ff1a;border-color:#00d4ff59;color:#00d4ff}.tool-sidebar-right{position:-webkit-sticky;position:sticky;top:84px}.sidebar-widget{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px;margin-bottom:20px}.sidebar-widget-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#475569;margin-bottom:16px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:7px}.sidebar-widget-title i{color:#00d4ff;font-size:14px}.related-tool-item{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;text-decoration:none;transition:all .15s;margin-bottom:2px}.related-tool-item:hover{background:#ffffff0a}.related-tool-item.active .tool-mini-name{color:#00d4ff}.related-tool-item .tool-mini-icon{width:34px;height:34px;border-radius:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:16px;-ms-flex-negative:0;flex-shrink:0}.related-tool-item .tool-mini-name{font-size:13px;color:#94a3b8;font-weight:500;line-height:1.3}.related-tool-item .tool-mini-count{font-size:11px;color:#475569}.recent-article{display:-ms-flexbox;display:flex;gap:10px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none}.recent-article:last-child{border-bottom:none;padding-bottom:0}.recent-article:first-child{padding-top:0}.recent-article:hover .recent-article-title{color:#00d4ff}.recent-article-num{font-size:22px;font-weight:900;color:#00d4ff26;font-family:JetBrains Mono,Fira Code,Courier New,monospace;line-height:1;padding-top:2px;-ms-flex-negative:0;flex-shrink:0;width:28px}.recent-article-title{font-size:13px;color:#94a3b8;font-weight:500;line-height:1.45;transition:color .15s}.recent-article-meta{font-size:11px;color:#475569;margin-top:3px}.promo-banner{background:linear-gradient(135deg,#00d4ff14,#0a84ff0d);border:1px solid rgba(0,212,255,.15);border-radius:14px;padding:20px;text-align:center}.promo-banner .promo-icon{font-size:32px;margin-bottom:10px}.promo-banner h4{font-size:14px;font-weight:700;color:#e2e8f0;margin-bottom:6px}.promo-banner p{font-size:12px;color:#475569;margin-bottom:14px}.promo-banner a{display:inline-block;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#00d4ff,#0a84ff);color:#000;font-size:12px;font-weight:700;text-decoration:none}.tool-article{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:18px;padding:32px 36px}@media (max-width: 575px){.tool-article{padding:20px}}.tool-article h2{font-size:20px;font-weight:800;color:#e2e8f0;margin:24px 0 10px}.tool-article h2:first-child{margin-top:0}.tool-article p{font-size:14.5px;color:#94a3b8;line-height:1.75;margin-bottom:14px}.tool-article ul{padding-left:0;list-style:none;margin-bottom:16px}.tool-article ul li{font-size:14.5px;color:#94a3b8;line-height:1.7;padding:5px 0 5px 20px;position:relative}.tool-article ul li:before{content:"▸";position:absolute;left:0;color:#00d4ff;font-size:12px}.tool-article ul li strong{color:#94a3b8}.formula-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:13.5px}.formula-table th{background:#00d4ff0f;color:#475569;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:10px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.07)}.formula-table td{padding:9px 14px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.04)}.formula-table td:nth-child(2),.formula-table td:nth-child(3){font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:12.5px;color:#00d4ff}.formula-table tr:last-child td{border-bottom:none}.formula-table tr:hover td{background:#ffffff05}.info-chips{display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:16px 0}.info-chip{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;font-size:12.5px;color:#475569}.info-chip i{color:#00d4ff}.vl-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}@media (max-width: 600px){.vl-options{grid-template-columns:1fr}}.vl-option-card{position:relative;cursor:pointer}.vl-option-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.vl-option-card .vl-option-inner{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:10px;padding:20px 16px;border-radius:16px;border:1.5px solid rgba(255,255,255,.07);background:#111827;transition:all .18s;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vl-option-card input[type=radio]:checked~.vl-option-inner{border-color:#00d4ff;background:#00d4ff0f;box-shadow:0 0 0 1px #00d4ff2e,0 4px 20px #00d4ff14}.vl-option-card:hover .vl-option-inner{border-color:#00d4ff59;background:#ffffff0a}.vl-option-name{font-size:14px;font-weight:700;letter-spacing:.4px;color:#e2e8f0}.vl-option-img{height:52px;-o-object-fit:contain;object-fit:contain}.vl-option-jackpot{text-align:center}.vl-option-jackpot .jackpot-label{font-size:11px;color:#475569;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:2px}.vl-option-jackpot .jackpot-value{font-size:15px;font-weight:800;color:#ff4757;font-family:JetBrains Mono,Fira Code,Courier New,monospace}.vl-option-schedule{font-size:11px;color:#475569;text-align:center}.vl-option-today{font-size:11px;font-weight:600;color:#00e896;background:#00e8961a;border-radius:6px;padding:2px 8px}.vl-ball{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ff6b35,#c0392b 70%);box-shadow:0 4px 10px #c0392b73;font-size:14px;font-weight:800;color:#fff;cursor:default;-ms-flex-negative:0;flex-shrink:0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.vl-ball:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.vl-ball.vl-ball-hot{background:radial-gradient(circle at 38% 35%,#ff9f43,#e55039 70%);box-shadow:0 4px 10px #ff641e80}.vl-ball.vl-ball-cold{background:radial-gradient(circle at 38% 35%,#74b9ff,#0984e3 70%);box-shadow:0 4px 10px #0984e373}.vl-ball.vl-ball-overdue{background:radial-gradient(circle at 38% 35%,#b2bec3,#636e72 70%);box-shadow:0 4px 10px #636e7266}.vl-ball.vl-ball-match{background:radial-gradient(circle at 38% 35%,#fd79a8,#d63031 70%);box-shadow:0 4px 14px #d6303199;outline:2px solid #ff4757}.vietlott-balls{display:-ms-flexbox;display:flex;gap:12px;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:8px 0}.vietlott-balls .vl-ball{width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#ff6b35,#c0392b 70%);box-shadow:0 6px 18px #c0392b8c,inset 0 -3px 6px #0000004d,inset 0 3px 6px #ffffff38;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:20px;font-weight:800;font-family:JetBrains Mono,Fira Code,Courier New,monospace;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);-ms-flex-negative:0;flex-shrink:0;transition:-webkit-transform .15s;transition:transform .15s;transition:transform .15s,-webkit-transform .15s}.vietlott-balls .vl-ball:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}@media (max-width: 480px){.vietlott-balls{gap:8px}.vietlott-balls .vl-ball{width:48px;height:48px;font-size:16px}}@media (max-width: 767px){.hero-section{min-height:auto;padding:4rem 0}.hero-section .hero-visual{display:none}.hero-section .hero-stats{gap:2rem}.footer-dark .footer-bottom{-ms-flex-direction:column;flex-direction:column;text-align:center;gap:1rem}.newsletter-section{padding:3rem 1.5rem}.article-content{font-size:1rem}}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:#0d1226}*::-webkit-scrollbar-thumb{background:#00d4ff66;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#00d4ff99}[id]{scroll-margin-top:88px}@media print{.navbar-dark-tech,.footer-dark,.sidebar-widget,.table-of-contents,.back-to-top{display:none!important}body{background:#fff;color:#000}.article-content,.article-content a{color:#000}}