.loading-bar,.navbar{position:fixed;top:0}.logo a,.nav-links a,.search-results a{text-decoration:none}.code-btn:hover,.dropdown-content a:hover,.footer a:hover,.hero-search-icon,.nav-links a:hover,.sidebar-section a.active,.sidebar-section a:hover,.text-blue{color:var(--primary-color)}.logo a,.post-category{text-transform:uppercase}.code-btn,.hero-link,.mybtn,.new-btn{cursor:pointer}.copyright,.hero,.new-section{text-align:center}.copyright .f-line,.text-nowrap{white-space:nowrap}*{margin:0;padding:0;box-sizing:border-box;font-family:"Euclid Circular A",sans-serif;outline:0}html{scrollbar-width:thin}body{background-color:var(--bg-light);color:var(--text-color);line-height:1.6;scroll-behavior:smooth;transition:.3s;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;overflow-x:hidden}.loading-bar{left:0;height:3px;width:0%;background:linear-gradient(90deg,#4f46e5,#2563eb,#4f46e5);background-size:200% 100%;z-index:1000;animation:2s linear infinite gradient;transition:width .3s}.dropdown-content,.navbar{background:var(--bg-white);left:0}@keyframes gradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.navbar{padding:0 5%;box-shadow:var(--shadow);width:100%;height:60px;z-index:100;display:flex;align-items:center;justify-content:space-between;transition:transform .3s}.logo a,.nav-links{align-items:center;display:flex}.navbar.hidden{transform:translateY(-100%)}.logo a{font-size:20px;font-weight:700;color:var(--logo-color);letter-spacing:1.5px}.logo span{font-size:10px;background:var(--primary-color);color:#fff;padding:2px 6px;border-radius:12px;margin-left:8px}.nav-links{gap:30px}.nav-links a{color:var(--text-secondary);font-size:15px;font-weight:500;transition:color .2s;display:flex;align-items:center;gap:6px}.dropdown{position:relative}.dropdown-toggle::after{content:"\f078";font-family:"Font Awesome 6 Free";font-weight:900;font-size:12px;transition:transform .2s;border:none;margin-left:5px}.dropdown.active .dropdown-toggle::after{transform:rotate(180deg)}.dropdown-content{display:none;position:absolute;min-width:220px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);border-radius:6px;top:100%;z-index:10;padding:12px 0;border:1px solid var(--border-color)}.search-bar,.search-results a:hover{background-color:var(--bg-light)}.dropdown.active .dropdown-content{display:block}.dropdown-content a{display:block;padding:10px 20px;color:var(--text-secondary);font-size:14px;transition:.2s}.dropdown-content a:hover{background:var(--bg-light)}.search-container{position:relative;margin-left:10px}.close-btn,.hero-link,.search-icon,.search-results{position:absolute}.search-bar{padding:8px 15px 8px 35px;border:1px solid var(--border-color);border-radius:6px;width:300px;font-size:14px;color:var(--text-color);transition:.2s}.no-results,.search-results a{padding:10px 15px}.mybtn-2:hover::after,.new-form,.new-input,table{width:100%}.search-bar:focus{outline:0;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.search-results a,.sidebar-section h3{border-bottom:1px solid var(--border-color)}.search-icon{left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.search-results{top:100%;left:0;width:100%;background:var(--bg-white);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-height:300px;overflow-y:auto;display:none;z-index:100}.search-results a{display:block;color:var(--text-color);transition:background-color .2s}.close-btn,.hamburger,.no-results,.search-results small,.theme-toggle{color:var(--text-secondary)}.content a,.sidebar-section a{transition:color .2s;text-decoration:none}.search-results a:last-child{border-bottom:none}.search-results small{font-size:.8em}.hero .search-results{text-align:left}.theme-toggle{font-size:20px;padding:8px;background:0 0;border:none}.close-btn,.hamburger{display:none;font-size:24px;background:0 0;border:none}.content,.sidebar{background:var(--bg-white);box-shadow:var(--shadow)}.close-btn{top:6px;right:20px}.sidebar{padding:25px;border-radius:10px;border:1px solid var(--border-color)}.sidebar-section{margin-bottom:25px}.sidebar-section h3{font-size:16px;color:var(--text-color);margin-bottom:15px;padding-bottom:8px}.sidebar-section a{display:block;color:var(--text-secondary);padding:8px 0;font-size:14px}.content h1,.content h2{color:var(--text-color);font-weight:600}.content{padding:30px;border-radius:10px;border:1px solid var(--border-color)}.content h1{font-size:28px;margin-bottom:20px}.content h2{font-size:20px;margin:25px 0 15px}.content ul,.footer-links,.my-list{list-style:none;padding:0}.blog-card-minimal .card-content,.pro-banner{padding:25px}.content ul li{padding:8px 0 8px 20px;color:var(--text-secondary);font-size:15px;position:relative}.content ul li:before{content:"•";color:var(--primary-color);position:absolute;left:0}.content a{color:var(--primary-color);font-weight:500;display:inline-block;margin-top:15px}.content a:hover{text-decoration:underline}.pro-banner{background:linear-gradient(135deg,var(--secondary-color),#7c3aed);color:#fff;border-radius:8px;margin-bottom:30px}.pro-banner h2{color:#fff;margin-bottom:15px;font-size:22px}.enroll-btn{background:#fff;color:var(--secondary-color);padding:10px 20px;border-radius:6px;border:none;font-weight:600;margin-top:10px;transition:.2s}.enroll-btn:hover{background:rgba(255,255,255,.9);transform:translateY(-1px)}.divider{height:1px;background:var(--border-color);margin:25px 0}.footer{background:var(--bg-light);border-top:1px solid var(--border-color)}.footer h5{color:var(--text-color);font-weight:600;margin-bottom:15px}.footer a{color:var(--text-secondary);text-decoration:none;display:block;margin-bottom:10px}.hero{background:var(--gradient);color:#fff;padding:80px 0;height:100vh;display:flex;justify-content:center;align-items:center}.hero h1{font-size:3.5rem;font-weight:700}.hero p{font-size:1.2rem;opacity:.9;max-width:700px}.hero-search{outline:0!important;border-radius:6px;box-shadow:0 0 0 2px rgba(37,99,235,.1);font-size:1rem;height:50px}.hero-link{display:inline-block;left:50%;text-decoration:none;animation:2s infinite bounce;color:#fff}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-15px)}}.section{margin:10px 0 60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:1.8rem;color:var(--text-color)}.section-footer a,.section-header a{color:var(--primary-color);text-decoration:none;font-weight:600}.language-cards,.programmings-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.language-card,.programming-card{background:var(--bg-white);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border-color);transition:transform .3s}.blog-card-featured .card-image,.blog-card-horizontal .card-image,.blog-card-minimal .card-image,.language-image,.programming-image{background-size:cover;background-position:center}.blog-card-featured:hover,.blog-card-horizontal:hover,.blog-card-minimal:hover,.language-card:hover,.programming-card:hover{transform:translateY(-4px)}.language-image{height:120px;display:flex;align-items:center;justify-content:center}.language-info,.programming-info{padding:20px}.language-info h3,.programming-info h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-color)}.language-info p,.programming-info p{color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.blog-card-horizontal .card-meta,.language-stats,.programming-stats{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.8rem}.language-stats span:first-child,.programming-stats span:first-child{color:#28a745;font-weight:700;font-size:14px}.programming-image{height:120px;display:flex;align-items:center;justify-content:center;position:relative}.programming-badge{position:absolute;top:10px;right:10px;background-color:var(--primary-color);color:#fff;padding:3px 8px;border-radius:4px;font-size:.7rem;font-weight:600}.blog-post,.footer-heading,.mybtn-2{position:relative}.blog-card-featured,.blog-card-horizontal,.blog-card-minimal{background:var(--bg-white);box-shadow:var(--shadow);height:100%;overflow:hidden}.section-footer{display:flex;justify-content:space-between;align-items:center;margin:40px 0 30px}.section-footer h3{text-align:center;font-size:1.8rem;color:var(--text-color)}.blog-card-minimal{border-radius:10px;transition:transform .3s,box-shadow .3s}.blog-card-minimal:hover .card-image{filter:grayscale(0%);transition:filter .4s}.blog-card-minimal .card-image{height:200px;filter:grayscale(100%)}.footer-heading::after,.mybtn-2::after{content:"";position:absolute;left:0;bottom:0;height:2px}.blog-card-featured .card-category,.blog-card-horizontal .card-category,.blog-card-minimal .card-category{display:inline-block;color:var(--primary-color);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px}.blog-card-minimal .card-title{font-size:1.3rem;margin-bottom:15px;color:var(--text-color)}.blog-card-minimal .card-excerpt{color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}.blog-card-minimal .card-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.85rem}.blog-card-featured,.blog-card-horizontal{display:flex;border-radius:10px;transition:transform .3s}.mybtn-2,.mybtn-2 span,.post-category{display:inline-block}@media (max-width:768px){.blog-card-featured{flex-direction:column}}.blog-card-featured:hover .card-image,.blog-card-horizontal:hover .card-image{filter:grayscale(0%);transition:filter .3s}.blog-card-featured .card-image{flex:1;min-height:300px;filter:grayscale(100%)}.blog-card-featured .card-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}.blog-card-featured .card-title{font-size:1.8rem;margin-bottom:20px;color:var(--text-color)}.blog-card-featured .card-excerpt{color:var(--text-secondary);margin-bottom:25px;font-size:1.05rem;line-height:1.7}.blog-card-featured .card-meta{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.9rem}@media (max-width:600px){.blog-card-horizontal{flex-direction:column}}.blog-card-horizontal .card-image{flex:1;min-height:200px;filter:grayscale(100%)}.mybtn,.mybtn:hover{background:var(--btn-color)}.blog-card-horizontal .card-content{flex:1.5;padding:25px}.blog-card-horizontal .card-title{margin-bottom:15px;color:var(--text-color);font-size:1.3rem}.blog-card-horizontal .card-excerpt{color:var(--text-secondary);margin-bottom:15px;font-size:.95rem}.card-title a,.card-title a:hover,.copyright .f-line:first-child a,.copyright .f-line:first-child a:hover{color:var(--text-color)}.mybtn{color:var(--bg-light);padding:10px 20px;border-radius:6px;border:none;font-weight:600;margin-top:10px;transition:.2s}.blog-section,.code-header{border-bottom:1px solid var(--border-color)}.mybtn:hover{transform:translateY(-1px)}.mybtn-2{font-size:15px;font-weight:500;text-decoration:none;color:var(--text-secondary);transition:transform .3s}.list-link i,.list-link:hover,.mybtn-2:hover,.text-purple{color:var(--tertiary-color)}.mybtn-2::after{width:0;background-color:currentColor;transition:width .3s}.mybtn-2 span{margin-left:.5em}.post-category{background:var(--text-color);color:var(--bg-light);padding:8px 20px;border-radius:30px;font-size:.8em;font-weight:600;letter-spacing:1px;margin-bottom:25px}.code-btn,.footer-links a,.tag,.tag:hover{color:var(--text-secondary)}.post-meta{margin-top:40px}.blog-post{background:var(--bg-white);border-radius:10px;box-shadow:var(--shadow-lg);padding:50px;margin-top:-80px;margin-bottom:50px;border:1px solid var(--border-color)}.code-example,.list-item,.tools-content{box-shadow:var(--shadow)}.blog-post h2,h3,h4{font-size:1.5rem;margin:25px 0 10px;font-weight:600}.blog-post h3{font-size:1.3rem}.blog-post h4{font-size:1.1rem}.blog-post ol,.footer-links li,li,ul{margin-bottom:10px}.blog-img{margin:20px 0;filter:grayscale(100%)}.blog-note{background:linear-gradient(120deg,rgba(14,165,233,.1) 0,rgba(16,185,129,.1) 100%);padding:25px;border-radius:10px;border-left:4px solid var(--success-color);margin:25px 0}.blog-section{padding-bottom:20px}.blog-section:last-child{border-bottom:none;padding-bottom:0}@media (max-height:750px){.post-meta{margin:0}.meta-item,.post-category{display:none}}.seo-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--bg-light);padding:4px 10px;border-radius:15px;font-size:.9em;border:1px solid var(--border-color)}.tag:hover{background:var(--tab-hover-bg);cursor:default}.code-section{padding:0 5%;margin-bottom:60px}.code-example{background:var(--bg-white);border-radius:10px;padding:0;overflow:hidden;border:1px solid var(--border-color);margin-bottom:30px}.code-header{background:var(--bg-light);padding:10px 15px;display:flex;justify-content:space-between;align-items:center}.code-actions{display:flex;gap:10px}.code-btn{background:0 0;border:none;font-size:.9rem;padding-left:10px}.code-content{padding:20px;font-family:"Courier New",monospace;background:var(--bg-light);color:var(--text-color);overflow-x:auto;scrollbar-color:transparent transparent}.list-item,.new-section,.tools-content{background:var(--bg-white)}.code-content code{font-size:1rem}.list-item{border:1px solid var(--border-color);border-radius:10px;margin-bottom:1rem;overflow:hidden;transition:.3s}.list-item:hover{transform:translateX(15px)}.list-link{padding:1.25rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-weight:500;color:var(--text-color)}.tools-content{border-radius:10px;overflow:hidden;padding:25px}.img-border,table{border:1px solid var(--border-color)}.tools-Features{margin-top:20px;margin-left:20px}ul.feature-list{list-style:none;padding-left:0}ul.feature-list li{margin:8px 0;display:flex;align-items:center;gap:8px}.feature-list li i,.text-green{color:var(--success-color)}.new-section{border-top:1px solid var(--border-color);padding:60px 5%}.new-container{max-width:600px;margin:0 auto}.new-header h2{font-size:2rem;margin-bottom:15px}.new-header p{opacity:.9;margin-bottom:30px}.new-form{display:flex;margin:0 auto}.new-input{flex:1;padding:12px 15px;border:none;border-radius:6px 0 0 6px;font-size:16px}.new-btn{background:#fff;color:var(--primary-color);border:none;padding:0 20px;border-radius:0 6px 6px 0;font-weight:600;transition:.3s}.footer-heading,table th{color:var(--text-color);font-weight:600}.new-btn:hover{background:rgba(255,255,255,.9)}.new-disclaimer{font-size:12px;opacity:.7;margin-top:15px}.footer{background-color:var(--bg-white);padding:60px 0 30px;border-top:1px solid var(--border-color)}.footer-heading{font-size:18px;margin-bottom:20px;padding-bottom:10px}.social-title,.text-500{font-weight:500}.footer-heading::after{width:40px;background-color:var(--primary-color)}.newsletter-card .footer-heading::after,.social-icon:hover{background-color:#fff}.footer-links a{text-decoration:none;transition:.3s}.footer-links a:hover{color:var(--primary-color);padding-left:4px}.newsletter-card{background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);padding:30px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.1);color:#fff;position:relative;overflow:hidden}.newsletter-card .footer-heading{color:#fff;position:relative;z-index:2}.newsletter-description{color:rgba(255,255,255,.9);margin-bottom:25px;position:relative;z-index:2;font-size:15px;line-height:1.6}.newsletter-form-text{color:rgba(255,255,255,.7)!important;font-size:12px;margin-top:10px;position:relative;z-index:2}.social-icons-wrapper{margin-top:25px;position:relative;z-index:2}.social-title{color:#fff;font-size:14px;margin-bottom:15px}.social-icons{display:flex;gap:15px}.social-icons a{text-decoration:none}.social-icon{width:38px;height:38px;border-radius:50%;background:var(--bg-white);color:var(--primary-color)!important;display:flex!important;align-items:center;justify-content:center;transition:.3s;font-size:16px}.social-icon:hover{color:var(--quaternary-color)!important;transform:scale(1.1)}.copyright{color:var(--text-secondary)}.copyright .f-line{display:block}.copyright .f-line:first-child{margin-bottom:5px}.copyright a{display:inline}@media (max-width:1024px){.navbar{height:50px}.main-content{flex-direction:column}.sidebar{width:100%}.search-bar{width:200px}}@media (max-width:992px){.blog-post{padding:30px;margin-top:-60px}.navbar{padding:5px 20px}.nav-links{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-white);padding:70px 20px 20px;box-shadow:var(--shadow);overflow-y:auto;gap:20px}.nav-links.active{display:flex}.dropdown-content{min-width:250px;left:50%;transform:translateX(-50%);box-shadow:none;border:none;background:var(--bg-white);border:1px solid var(--border-color)}.dropdown-content a{padding:8px 20px}.search-bar{width:100%;margin:0}.close-btn,.hamburger{display:block}.main-content{padding:20px}}.notes,table th{background:var(--bg-light)}@page{size:A4;margin:30px 5px 30px 5px}@page: first{margin:0 0 20px 0}.active-link{color:var(--primary-color)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--secondary-color);border-radius:10px;border:3px solid transparent}.notes{padding:20px;border-radius:10px;box-shadow:var(--shadow);border:1px solid var(--border-color)}a,a:active,a:focus,a:hover{text-decoration:none;outline:0}hr{box-sizing:content-box;height:0}pre{overflow:auto}p{margin:0 0 10px}.text-left{text-align:left;margin-left:20px}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-lowercase{text-transform:lowercase}.text-warning{color:var(--warning-color)}.text-danger{color:var(--error-color)}.text-normal{font-weight:400}.text-italic{font-style:italic}.initialism,.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.margin-up{margin-top:50px}.margin-up-20{margin-top:20px}.img-fluid{border-radius:10px}u{text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:1px}table{border-collapse:separate;border-spacing:0;border-radius:10px;margin:20px 0 0}table td,table th{border:1px solid var(--border-color);padding:10px}table tr:first-child th:first-child{border-top-left-radius:10px}table tr:first-child th:last-child{border-top-right-radius:10px}table tr:last-child td:first-child{border-bottom-left-radius:10px}table tr:last-child td:last-child{border-bottom-right-radius:10px}@media (max-width:576px){.list-item:hover{transform:none}.footer .footer-col{margin-bottom:1rem}.mobile-table td:last-child,.mobile-table th:last-child{display:none}}