:root{--primary-dark-blue:#1a3a6c;--accent-orange:#f9a825;--secondary-blue:#2d5a9d;--dark-text:#0f172a;--light-text:#f8fafc;--bg-color:#ffffff;--card-bg:#f5f9ff;--glass-bg:rgba(255, 255, 255, 0.7);--glass-border:rgba(255, 255, 255, 0.3);--surface-depth:0 20px 40px rgba(26, 58, 108, 0.08);--glow-orange:0 0 20px rgba(249, 168, 37, 0.3);--radius-xl:30px;--radius-lg:20px;--transition:all 0.5s cubic-bezier(0.23, 1, 0.32, 1);--box-shadow:0 10px 30px rgba(26, 58, 108, 0.06)}.dark-mode{--dark-text:#f8fafc;--light-text:#0f172a;--bg-color:#030712;--card-bg:#0f172a;--glass-bg:rgba(15, 23, 42, 0.7);--glass-border:rgba(255, 255, 255, 0.05);--box-shadow:0 10px 40px rgba(0, 0, 0, 0.4);--surface-depth:0 20px 50px rgba(0, 0, 0, 0.5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:tajawal,sans-serif;background-color:var(--bg-color);color:var(--dark-text);line-height:1.7;direction:rtl;overflow-x:hidden;width:100%;position:relative;transition:background-color .3s ease,color .3s ease}.progress-container{position:fixed;top:0;left:0;width:100%;height:5px;background:0 0;z-index:9999}.progress-bar{height:5px;background:linear-gradient(90deg,var(--accent-orange),var(--primary-dark-blue));width:0%;transition:width .3s ease}.dark-mode .progress-bar{background:linear-gradient(90deg,#e69100,var(--accent-orange))}.back-to-top{position:fixed;bottom:100px;left:30px;width:60px;height:60px;border-radius:50%;background:var(--primary-dark-blue);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s,visibility .3s,transform .3s,background-color .3s;box-shadow:0 5px 15px rgba(0,0,0,.15)}.dark-mode .back-to-top{background:var(--accent-orange)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--secondary-blue);transform:translateY(-5px)}.dark-mode .back-to-top:hover{background:#e69100}@media(max-width:768px){.back-to-top{left:20px;right:auto;bottom:20px;width:50px;height:50px}.back-to-top i{font-size:1.2rem}}.back-to-top i{font-size:1.5rem}.progress-circle{position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%}.progress-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:rgba(255,255,255,.2);stroke-width:4}.progress-circle-value{fill:none;stroke:var(--accent-orange);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .3s}.dark-mode .progress-circle-value{stroke:var(--primary-dark-blue)}.container{width:90%;max-width:1200px;margin:0 auto;padding:0 15px}.section-title{text-align:center;margin-bottom:60px}.section-title h2{font-size:2.8rem;color:var(--primary-dark-blue);margin-bottom:20px;position:relative;display:inline-block;transition:color .3s ease}.dark-mode .section-title h2{color:var(--accent-orange)}.section-title h2::after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:5px;background:linear-gradient(90deg,var(--accent-orange),var(--primary-dark-blue));border-radius:3px;width:100%}.dark-mode .section-title h2::after{background:linear-gradient(90deg,#e69100,var(--accent-orange))}.section-title p{max-width:750px;margin:30px auto 0;font-size:1.2rem;color:var(--dark-text)}.navbar{background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);position:fixed;width:100%;top:0;z-index:1000;transition:var(--transition)}.navbar.scrolled{background:var(--bg-color)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;transition:var(--transition)}.navbar.scrolled .nav-container{padding:10px 0}.logo{display:flex;align-items:center;text-decoration:none;position:relative;max-width:180px}.nav-links{display:flex;list-style:none}.nav-links li{margin:0 12px}.nav-links a{text-decoration:none;color:var(--dark-text);font-weight:600;padding:10px 15px;border-radius:6px;position:relative;overflow:hidden;transition:color .3s ease;font-size:18px}.nav-links a::after{content:'';position:absolute;bottom:0;right:0;width:0;height:3px;background:var(--accent-orange);transition:width .3s ease;border-radius:3px}.nav-links a:hover::after{width:100%;left:0;right:auto}.nav-links a:hover{color:var(--primary-dark-blue)}.dark-mode .nav-links a:hover{color:var(--accent-orange)}.nav-buttons{display:flex;align-items:center;gap:15px}.btn{padding:12px 28px;border-radius:10px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden;z-index:1;border:none;box-shadow:0 4px 15px rgba(0,0,0,.1);transform:translateY(0);transition:var(--transition);font-size:1rem}.btn::before{content:'';position:absolute;top:0;left:0;width:0%;height:100%;background:rgba(255,255,255,.2);z-index:-1;transition:width .5s ease}.btn:hover::before{width:100%}.btn:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.btn:active{transform:translateY(0);box-shadow:0 2px 5px rgba(0,0,0,.1)}.btn-primary{background:linear-gradient(135deg,var(--primary-dark-blue),var(--secondary-blue));color:#fff}.dark-mode .btn-primary{background:linear-gradient(135deg,var(--accent-orange),#e69100);color:var(--dark-text)}.btn-accent{background:linear-gradient(135deg,var(--accent-orange),#e69100);color:#fff}.btn-outline{background-color:transparent;color:var(--accent-orange);border:2px solid var(--accent-orange)}.dark-mode .btn-outline{color:var(--accent-orange);border-color:var(--accent-orange)}.btn-outline:hover{background-color:var(--primary-dark-blue);color:#fff}.dark-mode .btn-outline:hover{background-color:var(--accent-orange);color:var(--light-text)}.theme-toggle,.lang-toggle{background:var(--card-bg);border:none;cursor:pointer;font-size:1.2rem;color:var(--dark-text);padding:10px;border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:var(--box-shadow);transition:var(--transition)}.theme-toggle:hover,.lang-toggle:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.dark-mode .theme-toggle,.dark-mode .lang-toggle{color:var(--accent-orange)}.hamburger{display:none;cursor:pointer;background:var(--card-bg);border:none;border-radius:10px;padding:12px;z-index:1001;box-shadow:var(--box-shadow);transition:background-color .3s ease}.hamburger span{display:block;width:28px;height:3px;background:var(--primary-dark-blue);margin:6px 0;border-radius:3px;transition:all .3s ease}.dark-mode .hamburger span{background:var(--accent-orange)}.mobile-nav-buttons{display:none}.contact{padding:100px 0;background:var(--card-bg);transition:background-color .3s ease}.dark-mode .contact{background:var(--bg-color)}.contact-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:60px}.contact-info{display:flex;flex-direction:column;gap:30px}.contact-item{display:flex;align-items:flex-start;padding:30px;background:var(--bg-color);border-radius:18px;box-shadow:var(--box-shadow);transition:var(--transition)}.dark-mode .contact-item{background-color:var(--card-bg)}.contact-item:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(26,58,108,.2)}.dark-mode .contact-item:hover{box-shadow:0 15px 35px rgba(0,0,0,.3)}.contact-icon{font-size:2rem;color:var(--accent-orange);margin-left:20px;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);border-radius:50%}.dark-mode .contact-icon{background-color:var(--bg-color)}.contact-form{background-color:var(--bg-color);padding:45px;border-radius:18px;box-shadow:var(--box-shadow)}.dark-mode .contact-form{background-color:var(--card-bg)}.form-group{margin-bottom:28px}.form-group label{display:block;margin-bottom:12px;font-weight:700;color:var(--primary-dark-blue);font-size:1.1rem;transition:color .3s ease}.dark-mode .form-group label{color:var(--accent-orange)}.form-control{width:100%;padding:16px 22px;border:2px solid #e2e8f0;border-radius:12px;background-color:var(--card-bg);color:var(--dark-text);font-family:inherit;font-size:1.1rem;transition:var(--transition)}.dark-mode .form-control{background-color:var(--bg-color);border-color:#334155}.form-control:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 4px rgba(249,168,37,.2)}textarea.form-control{min-height:180px;resize:vertical}.footer{background:linear-gradient(to bottom,var(--primary-dark-blue),#0a1a36);color:#cbd5e1;padding:120px 0 40px;clip-path:polygon(0 5%,100% 0,100% 100%,0 100%);margin-top:100px;transition:background .5s ease}.dark-mode .footer{background:linear-gradient(to bottom,#0f172a,#000)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:50px;margin-bottom:60px}.footer-col h3{font-size:1.6rem;margin-bottom:30px;color:#fff;position:relative;padding-bottom:15px}.footer-col h3::after{content:"";position:absolute;bottom:0;right:0;width:50px;height:4px;background:var(--accent-orange);border-radius:2px}.footer-links{list-style:none}.footer-links li{margin-bottom:18px;transition:transform .3s ease}.footer-links li:hover{transform:translateX(-10px)}.footer-links a{text-decoration:none;color:#94a3b8;display:flex;align-items:center;transition:color .3s ease;font-size:1.1rem}.footer-links a:hover{color:var(--accent-orange)}.footer-links i{margin-left:10px;font-size:.9rem;color:var(--accent-orange)}.social-links{display:flex;gap:15px;margin-top:30px}.social-links a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;text-decoration:none;transition:var(--transition);font-size:1.3rem}.social-links a:hover{background:var(--accent-orange);transform:translateY(-5px)}.copyright{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);font-size:1.1rem;color:#94a3b8}.newsletter-form{display:flex;margin-top:20px}.newsletter-form input{flex:1;padding:14px 20px;border:none;border-radius:0 10px 10px 0;background:rgba(255,255,255,.1);color:#fff;font-size:1rem;transition:background-color .3s ease}.newsletter-form input:focus{outline:none;background:rgba(255,255,255,.2)}.newsletter-form input::placeholder{color:#cbd5e1}.newsletter-form button{background:var(--accent-orange);color:#fff;border:none;padding:0 25px;border-radius:10px 0 0 10px;cursor:pointer;font-weight:600;transition:var(--transition)}.newsletter-form button:hover{background:#e69100}@media(max-width:992px){.hero h2{font-size:3rem}.section-title h2{font-size:2.3rem}.nav-links{display:none;position:fixed;top:0;right:-100%;width:70%;max-width:320px;height:100vh;background:var(--bg-color);flex-direction:column;padding:120px 30px 30px;box-shadow:-5px 0 25px rgba(0,0,0,.1);z-index:1000;overflow-y:auto;transition:right .5s cubic-bezier(.77,0,.175,1)}.nav-links.active{display:flex;right:0}.nav-links li{margin:20px 0}.hamburger{display:block}.hamburger.active span:nth-child(1){transform:rotate(45deg)translate(7px,7px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(8px,-8px)}.nav-buttons{display:none}.mobile-nav-buttons{display:flex;gap:15px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.dark-mode .mobile-nav-buttons{border-top-color:rgba(255,255,255,.1)}.back-to-top{bottom:20px;left:20px;width:50px;height:50px}}@media(max-width:768px){.hero{padding:150px 0 80px;clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}@media(max-width:768px){.pricing{clip-path:none}}.hero h2{font-size:2.5rem}.hero p{font-size:1.1rem}.services,.pricing,.testimonials,.contact{padding:80px 0}.domain-form{flex-direction:column;border-radius:15px;background:0 0;box-shadow:none}.domain-input,.tld-select,.search-btn{width:100%;padding:18px;border-radius:10px !important;border:1px solid var(--dark-text);margin-bottom:15px}.dark-mode .domain-input,.dark-mode .tld-select{border-color:#334155}.tld-select{border-right:1px solid #ddd;border-left:1px solid #ddd}.search-btn{border-bottom:none;margin-bottom:0}}@media(max-width:576px){body{font-size:15px}.hero h2{font-size:2.2rem}.section-title h2{font-size:2rem}.hero-buttons{flex-direction:column;gap:15px}.btn{width:100%}.contact-form{padding:30px}.domain-title{font-size:2rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chatbot-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1a3a6c,#2c5aa0);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:1000;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.chatbot-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.25)}.chatbot-container{position:fixed;bottom:90px;right:20px;width:380px;height:500px;background:#fff;border-radius:16px;box-shadow:0 5px 25px rgba(0,0,0,.15);display:flex;flex-direction:column;z-index:1000;overflow:hidden;transition:all .3s ease;font-family:tajawal,sans-serif;transform:translateY(20px);opacity:0;visibility:hidden}.chatbot-container.active{transform:translateY(0);opacity:1;visibility:visible}.chatbot-header{background:linear-gradient(135deg,#1a3a6c,#2c5aa0);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.chatbot-title{display:flex;align-items:center;gap:10px}.chatbot-title h3{margin:0;font-weight:700}.chatbot-close{background:0 0;border:none;color:#fff;cursor:pointer;font-size:18px}.chatbot-messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.message{display:flex;flex-direction:column;max-width:80%}.bot-message{align-self:flex-start}.user-message{align-self:flex-end}.message-content{padding:12px 16px;border-radius:18px;margin-bottom:5px}.bot-message .message-content{background:#f0f4f8;border-top-right-radius:4px;color:#1a3a6c}.user-message .message-content{background:linear-gradient(135deg,#1a3a6c,#2c5aa0);color:#fff;border-top-left-radius:4px}.message-content p{margin:0;line-height:1.5}.message-time{font-size:11px;color:#888;align-self:flex-end}.user-message .message-time{align-self:flex-end}.chatbot-input{display:flex;padding:16px;border-top:1px solid #eee;gap:10px;align-items:flex-end}.chatbot-input textarea{flex:1;border:1px solid #ddd;border-radius:24px;padding:12px 16px;resize:none;max-height:100px;font-family:tajawal,sans-serif;outline:none;transition:border-color .3s}.chatbot-input textarea:focus{border-color:#1a3a6c}.chatbot-input button{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#1a3a6c,#2c5aa0);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.chatbot-input button:hover{transform:scale(1.05)}.typing-indicator{display:flex;padding:12px 16px;background:#f0f4f8;border-radius:18px;align-self:flex-start;margin-bottom:10px}.typing-indicator span{width:8px;height:8px;margin:0 2px;background:#1a3a6c;border-radius:50%;display:inline-block;animation:typing 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(-5px)}}@media(max-width:768px){.chatbot-container{width:90%;left:5%;right:5%;height:70%;bottom:80px}.chatbot-toggle{bottom:20px;right:20px;left:auto;width:50px;height:50px;font-size:20px}.message{max-width:90%}}.slider-container{width:100%;margin:auto;overflow:hidden;position:relative;padding:20px 0 50px}.slider-wrapper{display:flex;transition:transform .5s ease-out;gap:0}.slide{width:100%;flex-shrink:0;padding:0 15px;box-sizing:border-box;display:flex;justify-content:center}.slide .testimonial-card{width:100%;margin:0;height:100%}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:var(--card-bg);border:none;color:var(--primary-dark-blue);font-size:1.2rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.1);z-index:10;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.slider-btn:hover{background:var(--primary-dark-blue);color:#fff;transform:translateY(-50%)scale(1.1)}.dark-mode .slider-btn{background:var(--card-bg);color:var(--accent-orange)}.dark-mode .slider-btn:hover{background:var(--accent-orange);color:#fff}.prev-btn{right:10px;left:auto}.next-btn{left:10px;right:auto}.slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;transition:all .3s ease}.dot.active{background:var(--primary-dark-blue);transform:scale(1.2)}.dark-mode .dot.active{background:var(--accent-orange)}@media(min-width:768px){.slide{width:50%}}@media(min-width:1024px){.slide{width:33.333%}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:40px}.blog-card{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .4s ease;display:flex;flex-direction:column;height:100%;position:relative}.dark-mode .blog-card{box-shadow:0 5px 20px rgba(0,0,0,.3)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.2)}.dark-mode .blog-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.5)}.blog-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden}.blog-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image-wrapper img{transform:scale(1.1)}.blog-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(26,58,108,.9),transparent);padding:20px;color:#fff}.blog-image-overlay h3{margin:0 0 8px;font-size:1.3rem;color:#fff;line-height:1.4}.blog-meta{display:flex;align-items:center;gap:15px;font-size:.85rem;opacity:.9}.blog-meta i{color:var(--accent-orange)}.blog-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.blog-excerpt{color:var(--text-color);line-height:1.6;margin-bottom:15px;flex-grow:1}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.blog-tag{background:linear-gradient(135deg,var(--primary-dark-blue),var(--secondary-blue));color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;transition:transform .2s}.dark-mode .blog-tag{background:linear-gradient(135deg,var(--accent-orange),#e69100)}.blog-tag:hover{transform:scale(1.05)}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--secondary-blue);font-weight:700;text-decoration:none;transition:gap .3s}.dark-mode .blog-read-more{color:var(--accent-orange)}.blog-read-more:hover{gap:12px}.blog-read-more i{transition:transform .3s}.blog-read-more:hover i{transform:translateX(-5px)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-image-wrapper{height:200px}}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px;margin-top:40px}.blog-card{background:var(--card-bg);border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .4s ease;display:flex;flex-direction:column;height:100%;position:relative}.dark-mode .blog-card{box-shadow:0 5px 20px rgba(0,0,0,.3)}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.2)}.dark-mode .blog-card:hover{box-shadow:0 15px 40px rgba(0,0,0,.5)}.blog-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden}.blog-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-image-wrapper img{transform:scale(1.1)}.blog-image-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(26,58,108,.9),transparent);padding:20px;color:#fff}.blog-image-overlay h3{margin:0 0 8px;font-size:1.3rem;color:#fff;line-height:1.4}.blog-meta{display:flex;align-items:center;gap:15px;font-size:.85rem;opacity:.9}.blog-meta i{color:var(--accent-orange)}.blog-body{padding:20px;flex-grow:1;display:flex;flex-direction:column}.blog-excerpt{color:var(--text-color);line-height:1.6;margin-bottom:15px;flex-grow:1}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.blog-tag{background:linear-gradient(135deg,var(--primary-dark-blue),var(--secondary-blue));color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;transition:transform .2s}.dark-mode .blog-tag{background:linear-gradient(135deg,var(--accent-orange),#e69100)}.blog-tag:hover{transform:scale(1.05)}.blog-read-more{display:inline-flex;align-items:center;gap:8px;color:var(--secondary-blue);font-weight:700;text-decoration:none;transition:gap .3s}.dark-mode .blog-read-more{color:var(--accent-orange)}.blog-read-more:hover{gap:12px}.blog-read-more i{transition:transform .3s}.blog-read-more:hover i{transform:translateX(-5px)}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:20px}.blog-image-wrapper{height:200px}.blog-image-overlay h3{font-size:1.1rem}}@media(min-width:1200px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start}.single-post{background:var(--bg-color);border-radius:15px;overflow:hidden}.post-featured-image{width:100%;margin-bottom:30px;border-radius:15px;overflow:hidden;box-shadow:var(--box-shadow)}.post-featured-image img{width:100%;height:auto;object-fit:cover;max-height:500px}.post-header{margin-bottom:30px}.post-meta{display:flex;gap:20px;margin-bottom:15px;color:#64748b;font-size:.95rem;flex-wrap:wrap}.post-meta i{color:var(--accent-orange);margin-left:8px}.post-title{font-size:2.5rem;color:var(--primary-dark-blue);line-height:1.3;margin-bottom:20px}.dark-mode .post-title{color:var(--accent-orange)}.post-categories{margin-bottom:20px}.category-badge{background:rgba(26,58,108,.1);color:var(--primary-dark-blue);padding:5px 15px;border-radius:20px;text-decoration:none;font-size:.9rem;font-weight:600;transition:var(--transition);display:inline-block}.dark-mode .category-badge{background:rgba(249,168,37,.2);color:var(--accent-orange)}.category-badge:hover{background:var(--primary-dark-blue);color:#fff}.post-body{font-size:1.15rem;color:var(--dark-text);line-height:1.8}.post-body h2,.post-body h3,.post-body h4{color:var(--primary-dark-blue);margin-top:40px;margin-bottom:20px;font-weight:700}.dark-mode .post-body h2,.dark-mode .post-body h3,.dark-mode .post-body h4{color:#e2e8f0}.post-body p{margin-bottom:20px}.post-body ul,.post-body ol{margin-bottom:20px;padding-right:20px}.post-body li{margin-bottom:10px}.post-body blockquote{background:var(--card-bg);border-right:5px solid var(--accent-orange);padding:20px 30px;margin:30px 0;font-style:italic;border-radius:8px}.post-body img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}.post-tags{margin-top:40px;padding-top:20px;border-top:1px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dark-mode .post-tags{border-top-color:rgba(255,255,255,.1)}.tag-link{color:#64748b;text-decoration:none;background:var(--bg-color);border:1px solid #cbd5e1;padding:4px 12px;border-radius:15px;font-size:.85rem;transition:var(--transition)}.dark-mode .tag-link{background:var(--card-bg);border-color:#334155;color:#cbd5e1}.tag-link:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.post-share{margin-top:30px;display:flex;align-items:center;gap:20px}.share-links{display:flex;gap:10px}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:transform .3s}.share-btn:hover{transform:translateY(-5px)}.share-btn.twitter{background:#1da1f2}.share-btn.facebook{background:#1877f2}.share-btn.linkedin{background:#0077b5}.share-btn.whatsapp{background:#25d366}.post-navigation{display:flex;justify-content:space-between;margin-top:60px;gap:20px}.nav-prev,.nav-next{flex:1;padding:20px;background:var(--card-bg);border-radius:10px;text-decoration:none;transition:var(--transition)}.nav-prev:hover,.nav-next:hover{background:var(--primary-dark-blue);transform:translateY(-5px)}.nav-prev:hover .nav-label,.nav-prev:hover .nav-title,.nav-next:hover .nav-label,.nav-next:hover .nav-title{color:#fff}.nav-label{display:block;font-size:.85rem;color:#64748b;margin-bottom:5px}.nav-title{display:block;font-weight:700;color:var(--primary-dark-blue)}.dark-mode .nav-title{color:var(--accent-orange)}.widget{background:var(--card-bg);padding:30px;border-radius:15px;margin-bottom:30px;box-shadow:var(--box-shadow)}.dark-mode .widget{background:var(--card-bg)}.widget-title{font-size:1.3rem;margin-bottom:20px;color:var(--primary-dark-blue);border-bottom:2px solid rgba(0,0,0,5%);padding-bottom:10px;position:relative}.dark-mode .widget-title{color:var(--accent-orange);border-bottom-color:rgba(255,255,255,5%)}.widget-title::after{content:'';position:absolute;bottom:-2px;right:0;width:50px;height:2px;background:var(--accent-orange)}.search-widget form{position:relative}.search-widget input{width:100%;padding:12px 15px;padding-left:40px;border:1px solid #ddd;border-radius:8px;background:var(--bg-color);color:var(--dark-text)}.dark-mode .search-widget input{background:var(--bg-color);border-color:#334155;color:#e2e8f0}.search-widget button{position:absolute;left:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#64748b;cursor:pointer}.recent-posts-list{list-style:none}.recent-posts-list li{margin-bottom:20px}.recent-posts-list li:last-child{margin-bottom:0}.recent-post-item{display:flex;gap:15px;text-decoration:none;align-items:center}.recent-post-thumb{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0}.recent-post-thumb img{width:100%;height:100%;object-fit:cover}.recent-post-info h4{font-size:1rem;color:var(--dark-text);margin-bottom:5px;line-height:1.4;transition:color .3s}.recent-post-item:hover .recent-post-info h4{color:var(--accent-orange)}.recent-post-info .date{font-size:.8rem;color:#64748b}.categories-list{list-style:none}.categories-list li{margin-bottom:12px;border-bottom:1px dashed rgba(0,0,0,.1);padding-bottom:12px}.dark-mode .categories-list li{border-bottom-color:rgba(255,255,255,.1)}.categories-list li:last-child{border:none;padding-bottom:0}.categories-list a{display:flex;justify-content:space-between;text-decoration:none;color:var(--dark-text);transition:color .3s}.categories-list a span{background:rgba(0,0,0,5%);padding:2px 8px;border-radius:10px;font-size:.8rem}.dark-mode .categories-list a span{background:rgba(255,255,255,.1)}.categories-list a:hover{color:var(--accent-orange)}.cta-widget{background:linear-gradient(135deg,var(--primary-dark-blue),var(--secondary-blue));color:#fff;text-align:center}.cta-widget h3{margin-bottom:10px;color:#fff !important}.cta-widget p{margin-bottom:20px;opacity:.9}@media(max-width:992px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{margin-top:40px}}.blog-hero-section{padding-top:20px;padding-bottom:60px}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:60px;height:500px}.hero-main-post{position:relative;border-radius:15px;overflow:hidden;height:100%}.hero-sub-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;height:100%}.hero-post-card{position:relative;border-radius:12px;overflow:hidden;display:block;height:100%}.hero-post-bg{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.hero-post-overlay{position:absolute;bottom:0;left:0;right:0;top:0;background:linear-gradient(to top,rgba(0,0,0,.8) 10%,rgba(0,0,0,.2) 60%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;transition:all .3s ease}.hero-post-card:hover .hero-post-bg,.hero-main-post:hover .hero-post-bg{transform:scale(1.05)}.hero-category{background:var(--accent-orange);color:var(--dark-text);padding:4px 12px;border-radius:4px;font-size:.8rem;font-weight:700;align-self:flex-start;margin-bottom:10px}.hero-title{color:#fff;font-size:1.1rem;margin:0;line-height:1.4}.hero-main-post .hero-title{font-size:1.8rem;font-weight:800}.hero-meta{color:rgba(255,255,255,.8);font-size:.85rem;margin-top:10px;display:flex;gap:15px}.blog-main-container{display:grid;grid-template-columns:2.5fr 1fr;gap:40px}.section-header-row{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:25px}.section-label{font-size:1.2rem;font-weight:700;color:var(--primary-dark-blue);position:relative}.section-label::after{content:"";position:absolute;bottom:-12px;right:0;width:100%;height:2px;background:var(--primary-dark-blue)}.dark-mode .section-header-row{border-bottom-color:#333}.dark-mode .section-label{color:var(--accent-orange)}.dark-mode .section-label::after{background:var(--accent-orange)}.widget-box{background:var(--card-bg);border:1px solid #eee;padding:0;border-radius:8px;margin-bottom:30px;overflow:hidden}.dark-mode .widget-box{border-color:#333}.widget-tabs{display:flex;background:#f8f9fa;border-bottom:1px solid #eee}.dark-mode .widget-tabs{background:#1e293b;border-bottom-color:#333}.tab-btn{flex:1;border:none;background:0 0;padding:15px;font-weight:700;font-family:inherit;cursor:pointer;color:#64748b;transition:all .3s}.dark-mode .tab-btn{color:#94a3b8}.tab-btn.active{background:#fff;color:var(--primary-dark-blue);border-top:3px solid var(--accent-orange)}.dark-mode .tab-btn.active{background:var(--card-bg);color:#fff}.tab-content{display:none;padding:20px}.tab-content.active{display:block}.small-post-list{list-style:none;padding:0;margin:0}.small-post-item{display:flex;gap:15px;margin-bottom:20px;align-items:center}.small-post-thumb{width:80px;height:60px;border-radius:6px;object-fit:cover;flex-shrink:0}.small-post-info h4{font-size:.95rem;margin:0 0 5px;line-height:1.3}.small-post-info h4 a{color:var(--dark-text);text-decoration:none;transition:color .3s}.small-post-info h4 a:hover{color:var(--accent-orange)}.breadcrumb-nav{font-size:.9rem;color:#888;margin-bottom:15px}.breadcrumb-nav a{color:#888;text-decoration:none}.breadcrumb-nav i{font-size:.7rem;margin:0 5px}.post-redesign-header{margin-bottom:30px}.post-main-title{font-size:2.2rem;font-weight:800;margin:15px 0;line-height:1.3;color:var(--primary-dark-blue)}.dark-mode .post-main-title{color:#fff}.author-meta-row{display:flex;align-items:center;gap:15px;margin-bottom:20px;font-size:.9rem;color:#666}.redesign-share-row{display:flex;gap:10px;margin-bottom:25px}.color-share-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;border-radius:5px;color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;transition:transform .2s}.color-share-btn:hover{transform:translateY(-2px);color:#fff}.btn-facebook{background:#1877f2}.btn-twitter{background:#1da1f2}.btn-whatsapp{background:#25d366}.btn-linkedin{background:#0077b5}.btn-telegram{background:#08c}.featured-img-container{border-radius:10px;overflow:hidden;margin-bottom:30px}@media(max-width:992px){.blog-main-container{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr;height:auto}.hero-main-post{height:300px}.hero-sub-grid{height:auto}.hero-post-card{height:200px}}@media(max-width:576px){.hero-sub-grid{grid-template-columns:1fr}.color-share-btn span{display:none}}.toc-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-bottom:30px;display:inline-block;min-width:300px}.dark-mode .toc-box{background:#1e293b;border-color:#334155;color:#e2e8f0}.toc-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;color:var(--primary-dark-blue);margin-bottom:10px}.dark-mode .toc-header{color:var(--accent-orange)}.toc-content{display:block}#TableOfContents ul{list-style:none;padding:0;margin:0}#TableOfContents ul li{margin-bottom:8px}#TableOfContents ul ul{padding-left:20px;margin-top:5px}#TableOfContents a{color:var(--text-color);text-decoration:none;font-size:.95rem;transition:color .2s}#TableOfContents a:hover{color:var(--accent-orange);text-decoration:underline}.alert-box{padding:15px 20px;margin:20px 0;border-radius:8px;border-right:5px solid;display:flex;align-items:start;gap:15px}.alert-info{background-color:#e0f2fe;border-color:#0284c7;color:#0c4a6e}.alert-success{background-color:#dcfce7;border-color:#16a34a;color:#14532d}.alert-warning{background-color:#fef9c3;border-color:#ca8a04;color:#713f12}.dark-mode .alert-info{background:rgba(2,132,199,.2);color:#e0f2fe}.dark-mode .alert-success{background:rgba(22,163,74,.2);color:#dcfce7}.dark-mode .alert-warning{background:rgba(202,138,4,.2);color:#fef9c3}.review-box{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0}.pros-box,.cons-box{background:var(--card-bg);border-radius:10px;padding:20px;box-shadow:var(--box-shadow)}.pros-title,.cons-title{font-weight:800;font-size:1.2rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.pros-title{color:#16a34a}.cons-title{color:#dc2626}.review-list{list-style:none;padding:0;margin:0}.review-list li{position:relative;padding-right:25px;margin-bottom:10px}.pros-box .review-list li::before{content:"✓";position:absolute;right:0;color:#16a34a;font-weight:700}.cons-box .review-list li::before{content:"✕";position:absolute;right:0;color:#dc2626;font-weight:700}@media(max-width:768px){.review-box{grid-template-columns:1fr}}.author-box{background:var(--card-bg);border-radius:12px;padding:30px;display:flex;gap:25px;align-items:center;margin-top:50px;box-shadow:var(--box-shadow);border:1px solid #eee}.dark-mode .author-box{border-color:#333}.author-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-orange)}.author-content h3{margin:0 0 10px;color:var(--primary-dark-blue)}.dark-mode .author-content h3{color:#fff}.author-bio{font-size:.95rem;color:#64748b;margin-bottom:15px;line-height:1.6}.author-social{display:flex;gap:10px}.author-social a{color:#94a3b8;transition:color .3s}.author-social a:hover{color:var(--accent-orange)}@media(max-width:576px){.author-box{flex-direction:column;text-align:center}}.sidebar-sticky{position:-webkit-sticky;position:sticky;top:100px;align-self:start}.offer-widget{background:linear-gradient(135deg,#1a3a6c,#102a4e);color:#fff;text-align:center;padding:30px 20px;border-radius:15px;position:relative;overflow:hidden}.offer-widget::before{content:"";position:absolute;top:-50px;left:-50px;width:100px;height:100px;background:rgba(255,255,255,.1);border-radius:50%}.offer-price{font-size:2.5rem;font-weight:800;color:var(--accent-orange);display:block;margin:10px 0}.btn-offer{background:var(--accent-orange);color:var(--primary-dark-blue);display:block;width:100%;padding:12px;border-radius:8px;font-weight:800;margin-top:15px;text-decoration:none;transition:transform .2s}.btn-offer:hover{transform:scale(1.05)}.magazine-section-title{border-bottom:2px solid #eee;margin-bottom:30px;position:relative;display:flex;align-items:center;justify-content:space-between}.dark-mode .magazine-section-title{border-bottom-color:#333}.magazine-section-title h2{font-size:1.5rem;font-weight:800;color:#fff;background:var(--primary-dark-blue);padding:8px 20px;margin:0;border-radius:5px 5px 0 0;position:relative;bottom:-2px}.dark-mode .magazine-section-title h2{background:var(--accent-orange);color:var(--primary-dark-blue)}.see-all-link{font-size:.9rem;color:var(--primary-dark-blue);text-decoration:none;font-weight:700}.dark-mode .see-all-link{color:var(--accent-orange)}.featured-category-section{padding:60px 0;background:#f8f9fa}.dark-mode .featured-category-section{background:#0f172a}.category-block-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px}.cat-big-card{position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--box-shadow);background:var(--card-bg);height:100%}.cat-big-img{width:100%;height:350px;object-fit:cover}.cat-big-body{padding:25px}.cat-big-body h3{font-size:1.6rem;margin-bottom:15px;line-height:1.3}.cat-small-list{display:flex;flex-direction:column;gap:20px}.cat-small-card{display:flex;gap:15px;background:var(--card-bg);padding:15px;border-radius:10px;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,5%);transition:transform .2s}.cat-small-card:hover{transform:translateX(-5px)}.cat-small-img{width:100px;height:80px;border-radius:6px;object-fit:cover;flex-shrink:0}.blog-list-view{display:flex;flex-direction:column;gap:30px}.blog-card-horizontal{display:flex;background:var(--card-bg);border-radius:12px;overflow:hidden;box-shadow:var(--box-shadow);transition:all .3s ease;height:220px}.blog-card-horizontal:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.horizontal-img-wrapper{width:35%;position:relative;overflow:hidden}.horizontal-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card-horizontal:hover .horizontal-img-wrapper img{transform:scale(1.05)}.horizontal-body{width:65%;padding:25px;display:flex;flex-direction:column;justify-content:center}.horizontal-category{color:var(--accent-orange);font-weight:700;font-size:.85rem;margin-bottom:10px;text-transform:uppercase}.horizontal-title{font-size:1.4rem;font-weight:700;margin:0 0 10px;line-height:1.3}.horizontal-title a{color:var(--dark-text);text-decoration:none;transition:color .2s}.horizontal-title a:hover{color:var(--primary-dark-blue)}.dark-mode .horizontal-title a:hover{color:var(--accent-orange)}.horizontal-excerpt{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.horizontal-meta{font-size:.85rem;color:#94a3b8;display:flex;gap:15px;margin-top:auto}@media(max-width:992px){.category-block-grid{grid-template-columns:1fr}.cat-big-img{height:250px}}@media(max-width:768px){.blog-card-horizontal{flex-direction:column;height:auto}.horizontal-img-wrapper{width:100%;height:200px}.horizontal-body{width:100%}}.blog-list-view{display:flex;flex-direction:column;gap:40px}.blog-card-horizontal{display:flex;background:var(--card-bg);border-radius:16px;overflow:hidden;box-shadow:none;transition:all .3s cubic-bezier(.25,.8,.25,1);border:none;height:220px;margin-bottom:20px}.blog-card-horizontal:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,8%);background:#fff}.dark-mode .blog-card-horizontal:hover{background:var(--card-bg);box-shadow:0 10px 40px rgba(0,0,0,.3)}.horizontal-img-wrapper{width:320px;flex-shrink:0;position:relative;overflow:hidden}.horizontal-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card-horizontal:hover .horizontal-img-wrapper img{transform:scale(1.08)}.horizontal-body{flex-grow:1;padding:25px 30px;display:flex;flex-direction:column;justify-content:center}.horizontal-category{align-self:flex-start;background:rgba(26,58,108,.1);color:var(--primary-dark-blue);font-size:.75rem;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:12px;letter-spacing:.5px}.dark-mode .horizontal-category{background:rgba(249,168,37,.15);color:var(--accent-orange)}.horizontal-title{font-size:1.7rem;font-weight:800;margin:0 0 12px;line-height:1.3;letter-spacing:-.5px;transition:color .2s}.horizontal-title a{color:var(--dark-text);text-decoration:none}.blog-card-horizontal:hover .horizontal-title a{color:var(--primary-dark-blue)}.dark-mode .blog-card-horizontal:hover .horizontal-title a{color:var(--accent-orange)}.horizontal-excerpt{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.horizontal-meta{font-size:.85rem;color:#94a3b8;display:flex;align-items:center;gap:20px;margin-top:auto;border-top:none;padding-top:5px}.horizontal-meta span{display:flex;align-items:center;gap:6px}.horizontal-meta i{color:var(--accent-orange)}@media(max-width:768px){.blog-card-horizontal{flex-direction:column;height:auto}.horizontal-img-wrapper{width:100%;height:220px}.horizontal-body{padding:20px}.horizontal-excerpt{-webkit-line-clamp:3}}.see-all-link{font-size:.95rem;color:var(--primary-dark-blue);text-decoration:none;font-weight:700;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid transparent;border-radius:50px;transition:all .3s ease}.see-all-link:hover{background:rgba(26,58,108,5%);color:var(--accent-orange);transform:translateX(-5px)}.dark-mode .see-all-link{color:#fff}.dark-mode .see-all-link:hover{color:var(--accent-orange);background:rgba(255,255,255,5%)}.btn-brand-outline{display:inline-block;padding:10px 24px;font-size:.9rem;font-weight:700;color:var(--primary-dark-blue);background:0 0;border:2px solid var(--primary-dark-blue);border-radius:8px;text-decoration:none;transition:all .3s ease}.btn-brand-outline:hover{background:var(--primary-dark-blue);color:#fff;box-shadow:0 4px 12px rgba(26,58,108,.2);transform:translateY(-2px)}.dark-mode .btn-brand-outline{color:var(--accent-orange);border-color:var(--accent-orange)}.dark-mode .btn-brand-outline:hover{background:var(--accent-orange);color:var(--primary-dark-blue)}.cat-big-body .btn-brand-outline{margin-top:20px;width:fit-content}