:root{--primary: #00d4ff;--primary-dark: #0099cc;--primary-light: #33ddff;--secondary: #a18cd1;--secondary-dark: #6c5ce7;--accent: #f093fb;--bg-dark: #0a0e1a;--bg-card: #111827;--bg-card-hover: #1a2340;--bg-glass: rgba(17, 24, 39, .7);--bg-glass-light: rgba(17, 24, 39, .4);--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(0, 212, 255, .3);--gradient-primary: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-secondary: linear-gradient(135deg, #a18cd1 0%, #6c5ce7 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-hero: linear-gradient(180deg, #0a0e1a 0%, #0d1525 50%, #0a1628 100%);--gradient-card: linear-gradient(145deg, rgba(17, 24, 39, .9) 0%, rgba(10, 14, 26, .95) 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 32px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(0, 212, 255, .15);--shadow-glow-strong: 0 0 60px rgba(0, 212, 255, .25);--section-padding: 120px 0;--container-padding: 0 24px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 50px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Tajawal,sans-serif;background:var(--bg-dark);color:var(--text-primary);direction:rtl;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#waterParticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:var(--container-padding);position:relative;z-index:1}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;border-radius:var(--radius-full);font-family:Tajawal,sans-serif;font-size:16px;font-weight:700;cursor:pointer;transition:all var(--transition-smooth);border:2px solid transparent;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 40px #00d4ff66}.btn-purple{background:var(--gradient-secondary);color:#fff;box-shadow:0 4px 20px #a18cd14d}.btn-purple:hover{transform:translateY(-3px);box-shadow:0 8px 40px #a18cd166}.btn-outline{background:transparent;color:var(--primary);border-color:var(--primary)}.btn-outline:hover{background:#00d4ff1a;transform:translateY(-3px);box-shadow:0 8px 40px #00d4ff26}.btn-white{background:#fff;color:var(--primary-dark);box-shadow:0 4px 20px #fff3}.btn-white:hover{transform:translateY(-3px);box-shadow:0 8px 40px #ffffff4d}.btn-outline-white{background:transparent;color:#fff;border-color:#fff6}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.btn-lg{padding:18px 40px;font-size:18px}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:16px 0;transition:all var(--transition-smooth);background:transparent}.navbar.scrolled{background:#0a0e1aeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:10px 0;box-shadow:0 4px 30px #0000004d;border-bottom:1px solid var(--border-color)}.nav-container{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:48px;height:48px;flex-shrink:0}.logo-icon svg{width:100%;height:100%}.logo-text{display:flex;flex-direction:column}.logo-main{font-size:18px;font-weight:800;color:var(--text-primary);line-height:1.2}.logo-sub{font-size:12px;color:var(--primary);font-weight:500}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 18px;font-size:15px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-full);transition:all var(--transition-base);position:relative}.nav-link:hover,.nav-link.active{color:var(--primary);background:#00d4ff14}.nav-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#25d366;color:#fff;border-radius:var(--radius-full);font-weight:700;font-size:14px;transition:all var(--transition-base);box-shadow:0 4px 15px #25d3664d}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 6px 25px #25d36666}.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:1001}.mobile-toggle span{width:28px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-base)}.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-toggle.active span:nth-child(2){opacity:0}.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:var(--gradient-hero);overflow:hidden;padding-top:80px}.hero-bg-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15}.shape-1{width:600px;height:600px;background:var(--primary);top:-200px;right:-200px;animation:floatShape 15s ease-in-out infinite}.shape-2{width:400px;height:400px;background:var(--secondary);bottom:-100px;left:-100px;animation:floatShape 20s ease-in-out infinite reverse}.shape-3{width:300px;height:300px;background:var(--accent);top:50%;left:50%;transform:translate(-50%,-50%);animation:floatShape 12s ease-in-out infinite}@keyframes floatShape{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.hero-wave{position:absolute;bottom:0;left:0;right:0;line-height:0}.hero-wave svg{width:100%;height:auto}.hero-content{text-align:center;max-width:900px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);border-radius:var(--radius-full);font-size:14px;color:var(--primary);font-weight:500;margin-bottom:32px;animation:pulse 2s ease-in-out infinite}.badge-dot{width:8px;height:8px;background:#25d366;border-radius:50%;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes pulse{0%,to{box-shadow:0 0 #00d4ff33}50%{box-shadow:0 0 0 10px #00d4ff00}}.hero h1{font-size:clamp(36px,6vw,72px);font-weight:900;line-height:1.2;margin-bottom:24px}.hero-title-line{display:block;color:var(--text-primary)}.hero-title-gradient{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:clamp(16px,2vw,20px);color:var(--text-secondary);line-height:1.8;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}.hero-desc strong{color:var(--primary);font-weight:700}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.hero-stats{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;padding:30px 40px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:900;color:var(--primary);line-height:1;margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.stat-divider{width:1px;height:40px;background:var(--border-color)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:12px;animation:bounce 2s ease-in-out infinite}.mouse{width:26px;height:40px;border:2px solid var(--text-muted);border-radius:13px;display:flex;justify-content:center;padding-top:8px}.wheel{width:4px;height:8px;background:var(--primary);border-radius:2px;animation:scroll 2s ease-in-out infinite}@keyframes scroll{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(10px)}}.section-header{text-align:center;margin-bottom:64px}.section-badge{display:inline-block;padding:6px 20px;background:#00d4ff14;border:1px solid rgba(0,212,255,.15);border-radius:var(--radius-full);font-size:14px;color:var(--primary);font-weight:600;margin-bottom:16px;letter-spacing:.5px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--text-primary);margin-bottom:16px;line-height:1.3}.section-desc{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7}.services{padding:var(--section-padding);position:relative}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 30px;text-align:center;transition:all var(--transition-smooth);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-base)}.service-card:hover{transform:translateY(-8px);border-color:#00d4ff33;box-shadow:var(--shadow-glow)}.service-card:hover:before{opacity:1}.service-icon{width:80px;height:80px;margin:0 auto 24px}.service-icon svg{width:100%;height:100%}.service-card h3{font-size:20px;font-weight:800;margin-bottom:12px;color:var(--text-primary)}.service-card p{font-size:15px;color:var(--text-secondary);line-height:1.7}.tankers{padding:var(--section-padding);background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.02) 50%,transparent 100%)}.tankers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;align-items:start}.tanker-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden;transition:all var(--transition-smooth)}.tanker-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-glow)}.tanker-premium{border-color:#00d4ff4d;box-shadow:var(--shadow-glow)}.tanker-badge{position:absolute;top:20px;left:20px;padding:6px 16px;background:var(--gradient-primary);color:#fff;font-size:13px;font-weight:700;border-radius:var(--radius-full);z-index:2}.tanker-visual{text-align:center;margin-bottom:30px;position:relative}.tanker-icon-wrapper{max-width:300px;margin:0 auto}.tanker-svg{width:100%;height:auto}.tanker-capacity{font-size:64px;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-top:16px}.tanker-capacity span{font-size:24px;display:block;margin-top:4px}.tanker-capacity-purple{background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tanker-info h3{font-size:28px;font-weight:900;margin-bottom:8px}.tanker-info>p{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.tanker-features{margin-bottom:30px}.tanker-features li{display:flex;align-items:center;gap:12px;padding:10px 0;color:var(--text-secondary);font-size:15px;border-bottom:1px solid var(--border-color)}.tanker-features li:last-child{border-bottom:none}.tanker-features li svg{flex-shrink:0}.areas{padding:var(--section-padding)}.areas-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:40px}.area-tab{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);font-family:Tajawal,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all var(--transition-base)}.area-tab:hover{border-color:#00d4ff4d;color:var(--primary)}.area-tab.active{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 4px 20px #00d4ff4d}.areas-content{display:none}.areas-content.active{display:block;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.areas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.area-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;text-align:center;transition:all var(--transition-base);cursor:default}.area-card:hover{border-color:#00d4ff4d;background:var(--bg-card-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.area-icon{font-size:24px;margin-bottom:8px}.area-card h4{font-size:15px;font-weight:700;color:var(--text-primary)}.areas-cta{text-align:center;margin-top:48px;padding:40px;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.areas-cta p{font-size:18px;color:var(--text-secondary);margin-bottom:20px}.why-us{padding:var(--section-padding);background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.02) 50%,transparent 100%)}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.why-card{display:flex;align-items:flex-start;gap:24px;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all var(--transition-smooth)}.why-card:hover{border-color:#00d4ff33;transform:translateY(-4px);box-shadow:var(--shadow-glow)}.why-number{font-size:48px;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;flex-shrink:0;opacity:.4}.why-content h3{font-size:20px;font-weight:800;margin-bottom:8px}.why-content p{font-size:15px;color:var(--text-secondary);line-height:1.7}.cta-section{padding:100px 0;position:relative;overflow:hidden}.cta-bg{position:absolute;inset:0;background:var(--gradient-primary);z-index:0}.cta-shape{position:absolute;border-radius:50%;background:#ffffff1a}.cta-shape-1{width:400px;height:400px;top:-200px;right:-100px;animation:floatShape 10s ease-in-out infinite}.cta-shape-2{width:300px;height:300px;bottom:-150px;left:-50px;animation:floatShape 14s ease-in-out infinite reverse}.cta-content{text-align:center;position:relative;z-index:1}.cta-content h2{font-size:clamp(28px,4vw,48px);font-weight:900;margin-bottom:16px;color:#fff}.cta-content p{font-size:18px;color:#ffffffd9;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}.cta-phone{display:inline-flex;align-items:center;gap:12px;font-size:36px;font-weight:900;color:#fff;margin-bottom:32px;direction:ltr}.cta-phone svg{animation:ring 2s ease-in-out infinite}@keyframes ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(0)}}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.contact{padding:var(--section-padding)}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.contact-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px 24px;text-align:center;transition:all var(--transition-smooth);display:block}.contact-card:hover{border-color:#00d4ff33;transform:translateY(-6px);box-shadow:var(--shadow-glow)}.contact-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;transition:all var(--transition-base)}.whatsapp-icon{background:#25d3661f;color:#25d366}.phone-icon{background:#00d4ff1f;color:var(--primary)}.location-icon{background:#f093fb1f;color:var(--accent)}.time-icon{background:#a18cd11f;color:var(--secondary)}.contact-card:hover .contact-icon{transform:scale(1.1)}.contact-card h3{font-size:20px;font-weight:800;margin-bottom:8px}.contact-card p{font-size:14px;color:var(--text-secondary);margin-bottom:12px}.contact-value{font-size:16px;font-weight:700;color:var(--primary);direction:ltr;display:inline-block}.footer{background:linear-gradient(180deg,var(--bg-dark) 0%,#060810 100%);padding:80px 0 0;border-top:1px solid var(--border-color)}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-brand p{font-size:14px;color:var(--text-secondary);margin-top:16px;line-height:1.8}.footer-links h4,.footer-areas h4,.footer-contact h4{font-size:18px;font-weight:800;margin-bottom:20px;color:var(--text-primary)}.footer-links ul li,.footer-areas ul li{margin-bottom:10px}.footer-links ul li a{color:var(--text-secondary);font-size:14px;transition:color var(--transition-fast)}.footer-links ul li a:hover{color:var(--primary)}.footer-areas ul li{color:var(--text-secondary);font-size:14px}.footer-contact ul li{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--text-secondary);font-size:14px}.footer-contact ul li a{color:var(--text-secondary);transition:color var(--transition-fast)}.footer-contact ul li a:hover{color:var(--primary)}.footer-contact ul li svg{flex-shrink:0;color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-color);padding:24px 0;text-align:center}.footer-bottom p{font-size:14px;color:var(--text-muted)}.whatsapp-float{position:fixed;bottom:30px;left:30px;width:64px;height:64px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #25d36666;z-index:999;transition:all var(--transition-base);animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-float:hover{transform:scale(1.1);box-shadow:0 12px 48px #25d36680}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.whatsapp-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-card);color:#fff;padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.whatsapp-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-card)}@keyframes whatsappPulse{0%,to{box-shadow:0 8px 32px #25d36666}50%{box-shadow:0 8px 32px #25d36666,0 0 0 15px #25d36600}}[data-aos]{opacity:0;transition:opacity .6s ease,transform .6s ease}[data-aos=fade-up]{transform:translateY(30px)}[data-aos=fade-down]{transform:translateY(-30px)}[data-aos=fade-left]{transform:translate(-30px)}[data-aos=fade-right]{transform:translate(30px)}[data-aos=zoom-in]{transform:scale(.9)}[data-aos].aos-animate{opacity:1;transform:translate(0) scale(1)}@media(max-width:1024px){.services-grid,.footer-content,.contact-grid{grid-template-columns:repeat(2,1fr)}.areas-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{--section-padding: 80px 0}.nav-links{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background:#0a0e1afa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:100px 30px 30px;gap:8px;transition:right var(--transition-smooth);border-left:1px solid var(--border-color);z-index:999}.nav-links.active{right:0}.nav-link{display:block;padding:12px 20px;font-size:18px}.nav-cta{display:none}.mobile-toggle{display:flex}.tankers-grid,.why-grid,.services-grid,.contact-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;gap:30px}.areas-grid{grid-template-columns:repeat(2,1fr)}.areas-tabs{flex-direction:column;align-items:center}.hero-stats{gap:20px;padding:20px}.stat-divider{display:none}.hero-actions{flex-direction:column;align-items:center}.btn-lg{width:100%;justify-content:center}.cta-phone{font-size:28px}.scroll-indicator{display:none}}@media(max-width:480px){.hero-stats{grid-template-columns:repeat(2,1fr);display:grid}.areas-grid{grid-template-columns:1fr 1fr;gap:12px}.area-card{padding:16px 12px}.tanker-card{padding:24px}.logo-main{font-size:15px}.logo-sub{font-size:11px}}::selection{background:#00d4ff4d;color:#fff}.page-loader{position:fixed;inset:0;background:var(--bg-dark);z-index:10000;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.page-loader.loaded{opacity:0;visibility:hidden}.loader-drop{width:40px;height:40px;background:var(--gradient-primary);border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:dropBounce 1.2s ease-in-out infinite}@keyframes dropBounce{0%,to{transform:rotate(-45deg) scale(1)}50%{transform:rotate(-45deg) scale(1.2)}}.faq-section{padding:var(--section-padding);background:var(--bg-dark);position:relative}.faq-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:var(--transition-base)}.faq-item:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-glow)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:none;border:none;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;text-align:right;gap:16px;transition:var(--transition-base)}.faq-question:hover{color:var(--primary)}.faq-icon{flex-shrink:0;transition:transform .3s ease;color:var(--primary)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 28px}.faq-item.active .faq-answer{max-height:500px;padding:0 28px 24px}.faq-answer p{color:var(--text-secondary);line-height:1.8;margin-bottom:12px;font-size:1rem}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul{list-style:none;padding:0;margin:12px 0}.faq-answer ul li{color:var(--text-secondary);padding:6px 20px 6px 0;position:relative;line-height:1.7}.faq-answer ul li:before{content:"✓";position:absolute;right:0;color:var(--primary);font-weight:700}.faq-answer a{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.faq-answer a:hover{color:var(--primary-light);text-decoration:underline}.article-section{padding:var(--section-padding);background:linear-gradient(180deg,var(--bg-dark) 0%,#0d1525 100%)}.article-content{max-width:900px;margin:0 auto;background:var(--gradient-card);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;transition:var(--transition-base)}.article-content:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow)}.article-body{padding:40px}.article-body h3{color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:16px;margin-top:36px;position:relative;padding-right:16px}.article-body h3:before{content:"";position:absolute;right:0;top:4px;width:4px;height:24px;background:var(--gradient-primary);border-radius:2px}.article-body h3:first-child{margin-top:0}.article-body>p{color:var(--text-secondary);line-height:1.9;margin-bottom:16px;font-size:1.05rem}.article-body a{color:var(--primary);text-decoration:none;font-weight:600;transition:var(--transition-fast)}.article-body a:hover{color:var(--primary-light);text-decoration:underline}.article-features{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.article-feature{background:#00d4ff0d;border:1px solid rgba(0,212,255,.1);border-radius:12px;padding:24px;transition:var(--transition-base)}.article-feature:hover{border-color:#00d4ff4d;background:#00d4ff14}.article-feature h4{color:var(--primary);font-size:1.1rem;font-weight:700;margin-bottom:10px}.article-feature p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.article-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.article-highlight{background:#00d4ff08;border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:var(--transition-base)}.article-highlight:hover{border-color:#00d4ff33}.article-highlight strong{display:block;color:var(--text-primary);font-size:1rem;margin-bottom:8px}.article-highlight p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.article-cta{display:flex;gap:16px;justify-content:center;margin-top:32px;flex-wrap:wrap}@media(max-width:768px){.faq-question{padding:20px;font-size:1rem}.faq-answer{padding:0 20px}.faq-item.active .faq-answer{padding:0 20px 20px}.article-body{padding:24px}.article-body h3{font-size:1.2rem}.article-features,.article-highlights{grid-template-columns:1fr}.article-cta{flex-direction:column;align-items:center}.article-cta .btn{width:100%;justify-content:center}}