/*! SHARED Module: _10_shared_sections.css | Trich: style.css dong 2162-2893 | Mo ta: Process, Blog, Testimonials, Partner Logos, FAQ | Ngay tach: 2026-03-31 */
.process-section-new{padding:60px 0;background:var(--light-bg)}.process-header{text-align:center;margin-bottom:60px}.process-tag{color:var(--primary-color,#3498db);font:800 12px/1 uppercase;letter-spacing:2px;margin-bottom:10px;display:block;text-align:center}.process-tagmautrang{color:#fff;font:800 12px/1 uppercase;letter-spacing:2px;margin-bottom:10px;display:block}.process-title{font:800 clamp(28px, 5vw, 48px)/1.1 -.5px system-ui;margin:0;background:linear-gradient(90deg,#000 0%,#000 35%,var(--primary-color,#3498db) 45%,#fff 50%,var(--primary-color,#3498db) 55%,#000 65%,#000 100%) 0 0/200% auto text;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#fff0;color:#fff0;animation:shimmer-text 5s linear infinite}@keyframes shimmer-text{to{background-position:200% center}}.process-scroll-wrapper{width:100%;overflow-x:auto;padding:20px 0 60px;scrollbar-width:none;cursor:grab;-webkit-overflow-scrolling:touch}.process-scroll-wrapper::-webkit-scrollbar{display:none}.process-cards{display:flex;padding:0 5vw;gap:30px}.process-card{position:relative;flex:0 0 320px;background:#fff;border:1.5px solid #eee;border-radius:35px;padding:50px 35px;transition:transform 0.4s cubic-bezier(.2,1,.3,1),border-color 0.4s,box-shadow 0.4s}.process-card:hover{transform:translateY(-10px);border-color:var(--primary-color,#3498db);box-shadow:0 30px 60px -20px rgb(0 0 0 / .1)}.process-num{position:absolute;top:25px;right:35px;font:800 70px/1 sans-serif;color:rgb(0 0 0 / .03);user-select:none}.process-icon{width:70px;height:70px;background:#f8fafc;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.process-icon svg{width:32px;height:32px;fill:var(--primary-color,#3498db)}.gear-icon{animation:rotate-gear 10s linear infinite}@keyframes rotate-gear{to{transform:rotate(360deg)}}.process-card h3{font:800 22px/1.2 sans-serif;margin:0 0 15px;color:#000}.process-card p{font:500 15px/1.6 #4a5568;margin:0}@media (max-width:768px){.process-card{flex:0 0 280px;padding:40px 25px}.process-num{font-size:50px;top:20px;right:25px}.process-icon{width:60px;height:60px}.process-icon svg{width:28px;height:28px}.process-card h3{font-size:18px}.process-card p{font-size:14px}}.blog-section{background:var(--light-bg);padding:60px 0}.blog-container-custom{max-width:1200px;margin:auto;padding:0 20px}.blog-header{text-align:center;margin-bottom:36px}.blog-header h2{font-size:35px;font-weight:700}.blog-header span{color:#06f}.blog-header p{color:#666;font-size:14px;margin-top:6px}.blog-wrapper{overflow-x:auto;scrollbar-width:none}.blog-wrapper::-webkit-scrollbar{display:none}.blog-container{display:flex;gap:18px}.blog-card{background:#fff;border-radius:14px;overflow:hidden;flex:0 0 270px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgb(0 0 0 / .06)}.blog-image{position:relative;overflow:hidden;background-color:transparent!important}.blog-image-link{display:block;text-decoration:none}.blog-image-link:hover .blog-image img{transform:scale(1.05);filter:brightness(1.08)}.blog-image img{width:100%;height:160px;object-fit:cover;background-color:transparent!important;transition:transform 0.3s ease,filter 0.3s ease}.blog-tag{position:absolute;top:12px;left:12px;background:#06f;color:#fff;font-size:11px;padding:5px 9px;border-radius:6px}.blog-content{padding:16px;display:flex;flex-direction:column;flex-grow:1}.blog-title{font-size:15px;font-weight:600;margin-bottom:8px;line-height:1.5}.blog-title a{color:#111;text-decoration:none}.blog-title a:hover{color:#06f}.blog-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2}.blog-meta{font-size:12px;color:#999;margin-top:auto;margin-bottom:10px}.blog-link{font-size:13px;font-weight:600;color:#06f;text-decoration:none}.blog-link:hover{text-decoration:underline}@media (max-width:768px){.blog-card{flex:0 0 80%}}.testimonials-section{padding:var(--section-padding);background:var(--light-bg);overflow:hidden}.testimonials-section .section-title h2,.testimonials-section .section-title p{color:var(--secondary-color)}.testimonials-section .section-title h2::after{display:none}.testimonials-slider{display:flex;overflow-x:auto;gap:24px;padding:20px 0;-webkit-overflow-scrolling:smooth;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;scroll-behavior:smooth}.testimonials-slider::-webkit-scrollbar{display:none}.testimonials-slider:active{cursor:grabbing}.testimonial-card{flex:0 0 calc(33.333% - 16px);background:var(--white);padding:28px;border-radius:16px;box-shadow:0 4px 20px rgb(0 0 0 / .08);transition:transform 0.3s ease;min-height:340px;display:flex;flex-direction:column}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgb(0 0 0 / .12)}.testimonial-rating{margin-bottom:12px}.testimonial-rating i{color:#ffc107;font-size:.9rem;margin-right:2px}.testimonial-card .testimonial-content{color:var(--text-color);font-size:.95rem;line-height:1.7;margin-bottom:20px;flex-grow:1}.testimonial-author{display:flex;align-items:center;border-top:1px solid var(--border-color);padding-top:20px}.testimonial-author img{width:55px;height:55px;border-radius:50%;margin-right:15px;object-fit:cover;border:2px solid var(--primary-color)}.testimonial-author h5{color:var(--secondary-color);margin-bottom:3px;font-size:1rem;font-weight:600}.testimonial-author span{color:var(--text-light);font-size:.875rem}@media (max-width:991px){.testimonial-card{flex:0 0 calc(50% - 12px)}}@media (max-width:576px){.testimonial-card{flex:0 0 calc(100% - 24px);min-height:260px;padding:25px}.testimonial-author img{width:50px;height:50px}}.partner-logos-section{position:relative;padding:80px 0 90px;background:#f0f4f8;overflow:hidden}.curve-decor{position:absolute;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,rgb(37 99 235 / .06),rgb(245 158 11 / .04));pointer-events:none}.curve-left{top:-80px;left:-100px}.curve-right{bottom:-80px;right:-100px}@media (max-width:768px){.curve-decor{width:200px;height:200px}.curve-left{top:-50px;left:-60px}.curve-right{bottom:-50px;right:-60px}}@media (max-width:480px){.curve-decor{width:150px;height:150px}.curve-left{top:-40px;left:-45px}.curve-right{bottom:-40px;right:-45px}}.partner-logos-section .section-title{text-align:center;margin-bottom:50px;position:relative;z-index:2}.partner-logos-section .section-title h2{position:relative;display:inline-block;margin-bottom:8px;color:#0f172a}.partner-logos-section .section-title h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.partner-logos-section .section-title span{color:var(--primary-color)}.partner-logos-section .section-title p{color:#64748b;max-width:600px;margin:20px auto 0}.partner-logos{position:relative}.partner-logos::before,.partner-logos::after{content:"";position:absolute;top:0;bottom:0;width:var(--partner-logos-mask-width);pointer-events:none;z-index:3}.partner-logos::before{left:0;background:linear-gradient(to right,#f0f4f8 0%,#fff0 100%)}.partner-logos::after{right:0;background:linear-gradient(to left,#f0f4f8 0%,#fff0 100%)}.partner-logos__row{overflow:hidden;position:relative;z-index:2;height:calc(var(--partner-logos-logo-h) + 16px)}.partner-logos__row+.partner-logos__row{margin-top:var(--partner-logos-row-gap)}.partner-logos__track--mobile{display:none!important}.partner-logos__track{display:flex;align-items:center;flex-wrap:nowrap;width:max-content;height:100%;animation-timing-function:linear;animation-duration:var(--duration,34s);animation-iteration-count:infinite}.partner-logos__track--ltr{animation-name:partner-marquee-ltr;animation-duration:var(--duration,34s)}.partner-logos__track--rtl{animation-name:partner-marquee-rtl;animation-duration:var(--duration,34s)}.partner-logos__set{display:flex;align-items:center;gap:var(--partner-logos-gap);flex-wrap:nowrap;flex:0 0 auto;height:100%}.partner-logo{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;height:100%}.partner-logo img{height:var(--partner-logos-logo-h);width:var(--partner-logos-logo-w);display:block;object-fit:contain;filter:grayscale(100%);opacity:.5;transition:filter 0.4s ease,opacity 0.4s ease}.partner-logo:hover img{filter:grayscale(0%);opacity:1}@keyframes partner-marquee-ltr{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}@keyframes partner-marquee-rtl{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}@media (max-width:768px){.partner-logos-section{padding:60px 0 70px}:root{--partner-logos-gap:18px;--partner-logos-logo-h:34px;--partner-logos-logo-w:140px;--partner-logos-mask-width:56px;--partner-logos-duration:30s;--partner-logos-row-gap:12px}.partner-logos__track--desktop{display:none!important}.partner-logos__track--mobile{display:flex!important}}@media (prefers-reduced-motion:reduce){.partner-logos__track{animation-duration:calc(var(--duration, 34s) * 1.8)}}.tkw-faq-layout{display:grid;grid-template-columns:380px 1fr;gap:48px;align-items:start}.tkw-faq-left{display:flex;flex-direction:column;gap:0;align-items:flex-start}.tkw-faq-badge{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:5px 14px;border-radius:50px;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px;box-shadow:0 2px 10px rgb(99 102 241 / .25);line-height:1.2}.tkw-faq-title{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:12px;letter-spacing:-.02em;line-height:1.3}.tkw-faq-title-accent{color:#6366f1}.tkw-faq-desc{font-size:14px;color:#64748b;line-height:1.65;margin-bottom:24px}.tkw-faq-contact-card{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;padding:24px;position:relative;overflow:hidden;color:#fff}.tkw-faq-contact-inner{position:relative;z-index:1}.tkw-faq-contact-heading{font-size:15px;font-weight:700;margin-bottom:6px;color:#fff}.tkw-faq-contact-body{font-size:13px;opacity:.9;line-height:1.55;margin-bottom:16px;color:#fff}.tkw-faq-contact-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#6366f1;padding:10px 20px;border-radius:50px;font-size:13px;font-weight:600;text-decoration:none;transition:all 0.25s ease}.tkw-faq-contact-btn:hover{background:rgb(255 255 255 / .9);transform:translateY(-2px);box-shadow:0 4px 15px rgb(0 0 0 / .15);color:#6366f1}.tkw-faq-contact-watermark{position:absolute;right:-10px;bottom:-10px;opacity:.08;pointer-events:none}.tkw-faq-list{display:flex;flex-direction:column;gap:10px}.tkw-faq-card{background:#fff;border-radius:16px;border:1px solid rgb(0 0 0 / .06);box-shadow:0 1px 3px rgb(0 0 0 / .03);overflow:hidden;transition:all 0.3s ease}.tkw-faq-card:hover{box-shadow:0 4px 20px rgb(99 102 241 / .08);border-color:rgb(99 102 241 / .15)}.tkw-faq-card.active{border-color:rgb(99 102 241 / .2)}.tkw-faq-q{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;user-select:none;background:none;border:none;width:100%;text-align:left;font-family:inherit}.tkw-faq-q:hover{background:#f8fafc}.tkw-faq-q span{flex:1;font-size:.9rem;font-weight:600;color:#1e293b;line-height:1.5}.tkw-faq-toggle{flex-shrink:0;width:28px;height:28px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#6366f1;transition:all 0.3s ease}.tkw-faq-card.active .tkw-faq-toggle{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:rotate(180deg)}.tkw-faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease}.tkw-faq-card.active .tkw-faq-a{max-height:300px}.tkw-faq-a-inner{padding:0 20px 18px 20px}.tkw-faq-a-inner p{color:#475569;font-size:13.5px;line-height:1.7;margin:0}.tkw-faq-a-inner strong{color:#1e293b}@media (max-width:991px){.tkw-faq-layout{grid-template-columns:1fr;gap:32px}.tkw-faq-title{font-size:1.5rem}}@media (max-width:640px){.tkw-faq-layout{gap:24px}.tkw-faq-q{padding:14px 16px;gap:10px}.tkw-faq-q span{font-size:14px}}.faq-title{text-align:center;font-size:32px;font-weight:700;margin-bottom:10px;color:var(--secondary-color)}.faq-subtitle{text-align:center;color:#777;margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.faq-item{background:#fff;margin-bottom:0;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .05);overflow:hidden}.faq-question{width:100%;padding:18px 20px;font-size:16px;font-weight:600;border:none;background:#fff;cursor:pointer;text-align:left;position:relative;color:var(--secondary-color)}.faq-question::after{display:none}.faq-toggle-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgb(37 99 235 / .1);flex-shrink:0;transition:transform 0.3s ease,background 0.3s ease}.faq-toggle-icon svg{color:var(--primary-color);transition:transform 0.3s ease}.faq-item.active .faq-question .faq-toggle-icon{background:var(--primary-color);transform:translateY(-50%) rotate(180deg)}.faq-item.active .faq-question .faq-toggle-icon svg{color:#fff}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:all 0.3s ease;color:#555;line-height:1.7}.faq-item.active .faq-answer{padding:15px 20px;max-height:200px}@media (max-width:768px){.faq-section{padding:60px 15px}.faq-title{font-size:24px}.faq-question{font-size:15px;padding:15px 45px 15px 15px}.faq-grid{grid-template-columns:1fr}}@media (max-width:991px){.hero-buttons{flex-direction:column}.about-image{margin-bottom:40px}}@media (max-width:768px){:root{--section-padding:60px 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.section-title{margin-bottom:40px}.hero-section h1{font-size:2rem}.hero-image{margin-top:25px}.navbar-collapse{background:var(--white);padding:20px;border-radius:15px;margin-top:15px;box-shadow:0 10px 40px rgb(0 0 0 / .1)}.contact-form{padding:25px}.login-box{padding:30px}}@media (max-width:576px){:root{--section-padding:50px 0}.hero-section h1{font-size:1.75rem}.btn-primary-custom,.btn-outline-custom{padding:12px 25px;font-size:.9rem}.why-choose-item,.service-card{padding:25px 20px}}.thietkedohoa{padding:80px 5%;background:#f0f4f8}.thietkedohoa .grid-container{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.thietkedohoa .content-left{text-align:left}.thietkedohoa .content-left h2{font-size:2.5rem;font-weight:800;line-height:1.15;margin-bottom:20px;color:#0056b3;text-transform:uppercase}.thietkedohoa .content-left p{font-size:1.05rem;color:#666;line-height:1.7;margin-bottom:25px}.thietkedohoa .features-list{list-style:none;padding:0;margin:0 0 35px 0;display:inline-block;text-align:left}.thietkedohoa .features-list li{display:flex;align-items:flex-start;margin-bottom:14px;font-weight:500;color:#444;font-size:15px;line-height:1.4}.thietkedohoa .features-list li::before{content:"\2714";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#fff;border-radius:50%;margin-right:12px;font-size:11px;flex-shrink:0;margin-top:1px}.thietkedohoa .cta-group{display:flex;gap:15px;flex-wrap:wrap}.thietkedohoa .btn{padding:14px 28px;border-radius:12px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.3s ease;display:inline-block}.thietkedohoa .btn-primary{background:#007AFF;color:#fff;box-shadow:0 4px 15px rgb(0 122 255 / .3)}.thietkedohoa .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgb(0 122 255 / .4)}.thietkedohoa .btn-secondary{background:#fff;color:#333;border:1px solid #ddd}.thietkedohoa .btn-secondary:hover{background:#f0f0f0;transform:translateY(-2px)}.thietkedohoa .bento-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,150px);gap:18px}.thietkedohoa .bento-item{position:relative;border-radius:20px;overflow:hidden;transition:all 0.5s cubic-bezier(.25,1,.5,1);border:1px solid rgb(0 0 0 / .05);cursor:pointer}.thietkedohoa .bento-content{position:relative;width:100%;height:100%;overflow:hidden;border-radius:20px}.thietkedohoa .bento-content img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.thietkedohoa .bento-item:hover .bento-content img{transform:scale(1.1)}.thietkedohoa .bento-item:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 20px 40px rgb(0 0 0 / .15);z-index:10}.thietkedohoa .reveal-text a{color:inherit;text-decoration:none}.thietkedohoa .reveal-text{position:absolute;bottom:0;left:0;right:0;background:#007AFF;color:#fff;text-align:center;font-weight:600;font-size:.9rem;max-height:0;opacity:0;overflow:hidden;transition:all 0.4s ease;line-height:46px}.thietkedohoa .bento-item:hover .reveal-text{max-height:46px;opacity:1}.thietkedohoa .glass-tag{position:absolute;bottom:14px;left:14px;background:rgb(255 255 255 / .2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:30px;color:#fff;font-size:.8rem;font-weight:500;border:1px solid rgb(255 255 255 / .3);text-shadow:0 2px 4px rgb(0 0 0 / .2)}.thietkedohoa .neon-border{position:absolute;top:14px;right:14px;width:10px;height:10px;background:#00f2ff;border-radius:50%;box-shadow:0 0 12px #00f2ff,0 0 24px #00f2ff}.thietkedohoa .large-1{grid-row:span 2}.thietkedohoa .small-1{grid-column:2;grid-row:1}.thietkedohoa .small-2{grid-column:2;grid-row:2}.thietkedohoa .large-2{grid-column:span 2;grid-row:3}@media (max-width:992px){.thietkedohoa .grid-container{grid-template-columns:1fr;gap:40px}.thietkedohoa .content-left{text-align:center}.thietkedohoa .features-list{text-align:left}.thietkedohoa .cta-group{justify-content:center}.thietkedohoa .bento-grid{grid-template-rows:repeat(4,140px)}.thietkedohoa .large-2{grid-row:span 1}.thietkedohoa .content-left h2{font-size:2rem}}@media (max-width:576px){.thietkedohoa{padding:20px 3%}.thietkedohoa .content-left h2{font-size:1.7rem}.thietkedohoa .bento-grid{grid-template-rows:repeat(3,120px);gap:12px}.thietkedohoa .cta-group{flex-direction:column}.thietkedohoa .btn{text-align:center}}
/*! SHARED Module: _13_images.css | Trich: style.css dong 3539-3795 | Mo ta: Lazy load images, CLS prevention, image optimization | Ngay tach: 2026-03-31 */
 img[lazy-src],img[data-src]{opacity:0;transition:opacity 0.3s ease-in-out}img.lazy-loaded,img.loaded{opacity:1}.lazy-bg{background-color:#f0f0f0;background-image:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:lazy-shimmer 1.5s infinite}@keyframes lazy-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.contact-info-list{display:flex;flex-direction:column;gap:8px;margin-top:auto;max-width:100%}.contact-info-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgb(255 255 255 / .06);text-decoration:none;transition:all 0.25s ease;margin-bottom:0;width:100%}.contact-info-item:hover{background:rgb(255 255 255 / .12);transform:translateY(-1px)}.contact-info-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:rgb(79 195 247 / .15);border-radius:10px;flex-shrink:0}.contact-info-icon svg{width:18px;height:18px;color:#4fc3f7}.contact-info-text{display:flex;flex-direction:row;align-items:center;gap:8px;line-height:1.2;flex-wrap:nowrap}.contact-info-text .contact-label{font-size:.96rem;color:rgb(0 0 0 / .85);text-transform:none;letter-spacing:0;line-height:1.2;font-weight:600;margin:0}.contact-info-text .contact-value{font-size:.96rem;font-weight:600;color:rgb(0 0 0 / .9);line-height:1.2;margin:0}.contact-social-row{display:flex;flex-direction:row;align-items:center;gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid rgb(0 0 0 / .08)}.contact-social-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgb(255 255 255 / .06);text-decoration:none;transition:all 0.25s ease;flex:0 0 auto}.contact-social-btn:hover{background:rgb(255 255 255 / .12);transform:translateY(-1px)}.contact-social-text{font-size:.96rem;font-weight:600;color:rgb(0 0 0 / .9);white-space:nowrap;line-height:1.2}.contact-social-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;flex-shrink:0}.contact-social-icon img{width:18px;height:18px}.contact-social-btn[aria-label="Facebook"] .contact-social-icon{background:rgb(24 119 242 / .15)}.contact-social-btn[aria-label="Facebook"]:hover .contact-social-icon{background:#1877f2}.contact-social-btn[aria-label="Zalo"] .contact-social-icon{background:rgb(0 104 255 / .15)}.contact-social-btn[aria-label="Zalo"]:hover .contact-social-icon{background:#0068ff}@media (max-width:575px){.contact-info-list{max-width:100%}.contact-social-row{gap:6px;flex-wrap:wrap}}.contact-info-inline{display:none!important}img.lazy-loading{position:relative;opacity:1}img.lazy-loading::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 25%,rgb(255 255 255 / .4) 50%,transparent 75%);background-size:200% 100%;animation:lazy-shimmer 1.5s infinite;z-index:1;pointer-events:none;border-radius:inherit}img.lazy-loading.loaded::before,img.lazy-loaded::before{display:none}img{max-width:100%;height:auto;display:block}.content img,.article img,.blog-content img{max-width:100%;height:auto;border-radius:8px}.card img,.service-card img,.pricing-card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.navbar-brand img,.logo img{height:auto;width:auto;max-height:47px}.bg-cover{background-size:cover;background-position:center;aspect-ratio:16/9}img:not([src]){background:#f0f0f0;min-height:200px}
/*! SHARED Module: _16_thietke_faq.css | Trich: style.css dong 5423-5756 | Mo ta: Thiet Ke page, decorative curves, pricing SaaS, service intro | Ngay tach: 2026-03-31 */
 .mobile-contact-bar .mobile-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333;padding:5px 10px;transition:all 0.3s ease}.mobile-contact-bar .mobile-item img{width:26px;height:26px;object-fit:contain;margin-bottom:3px}.mobile-contact-bar .mobile-item span{font-size:11px;font-weight:600}.mobile-contact-bar .mobile-item:hover{transform:translateY(-2px)}.mobile-contact-bar .mobile-item[data-social="facebook"]:hover{color:#1877f2}.mobile-contact-bar .mobile-item[data-social="zalo"]:hover{color:#0068ff}.mobile-contact-bar .mobile-item[data-social="messenger"]:hover{color:#0084ff}.mobile-contact-bar .mobile-item[data-social="telegram"]:hover{color:#08c}@media (max-width:768px){body{padding-bottom:70px;-webkit-overflow-scrolling:touch}html{overflow-x:hidden}}.pricing-section{padding:90px 0;background:linear-gradient(180deg,#f0f4f8 0%,#f0f4f8 100%);position:relative;overflow:hidden}.pricing-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgb(99 102 241 / .08) 0%,transparent 60%)}.pricing-curve-decor{position:absolute;width:320px;height:320px;border-radius:50%;background:linear-gradient(135deg,rgb(37 99 235 / .06),rgb(245 158 11 / .04));pointer-events:none;z-index:0}.pricing-curve-left{top:-80px;left:-100px}.pricing-curve-right{bottom:-80px;right:-100px}.pricing-section .section-title{text-align:center;margin-bottom:60px;position:relative}.pricing-section .section-title h2{font-size:2.2rem;font-weight:700;color:#1e293b;margin-bottom:16px;letter-spacing:-.02em;position:relative;display:inline-block}.pricing-section .section-title h2 span{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.pricing-section .section-title>p{color:#262b33;max-width:560px;margin:0 auto;font-size:1.11rem;line-height:1.7}.pricing-card{background:#fff;border-radius:20px;padding:36px 30px;border:1px solid rgb(0 0 0 / .06);box-shadow:0 1px 3px rgb(0 0 0 / .04),0 4px 20px rgb(0 0 0 / .04);transition:all 0.4s cubic-bezier(.4,0,.2,1);height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}.pricing-card:hover{transform:translateY(-6px);box-shadow:0 8px 30px rgb(0 0 0 / .08),0 2px 8px rgb(0 0 0 / .04)}.pricing-card.pricing-featured{border:2px solid #22c55e;transform:scale(1.05);box-shadow:0 8px 30px rgb(34 197 94 / .12),0 2px 8px rgb(0 0 0 / .04)}.pricing-card.pricing-featured:hover{transform:scale(1.05) translateY(-6px);box-shadow:0 16px 50px rgb(34 197 94 / .18),0 4px 15px rgb(0 0 0 / .06)}.pricing-card.pricing-featured::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#10b981,#22c55e)}.pricing-badge{position:absolute;top:-1px;right:24px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:6px 18px;border-radius:0 0 12px 12px;font-weight:600;font-size:.78rem;letter-spacing:.03em;text-transform:uppercase;box-shadow:0 2px 8px rgb(34 197 94 / .3)}.pricing-header{text-align:center;padding-bottom:24px;border-bottom:1px solid rgb(0 0 0 / .06);margin-bottom:24px}.pricing-header h3{margin-bottom:12px;font-size:1.1rem;font-weight:700;color:#475569;letter-spacing:.08em;text-transform:uppercase}.pricing-card.pricing-featured .pricing-header h3{color:#16a34a}.pricing-header .price{font-size:2.4rem;font-weight:700;color:#1e293b;margin-bottom:8px;letter-spacing:-.02em}.pricing-header .price span{font-size:.9rem;font-weight:600;color:#94a3b8;letter-spacing:0}.pricing-card.pricing-featured .pricing-header .price{background:linear-gradient(135deg,#16a34a,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.pricing-header .price-desc{color:#64748b;font-size:.85rem;margin-bottom:0;line-height:1.55}.pricing-features{flex-grow:1;margin-bottom:28px}.pricing-features li{padding:9px 0;display:flex;align-items:flex-start;color:#334155;font-size:.88rem;line-height:1.5}.pricing-features li i{color:#22c55e;margin-right:10px;margin-top:2px;flex-shrink:0;font-size:.85rem}@media (max-width:991px){.pricing-card.pricing-featured{transform:scale(1);margin:20px 0}.pricing-card.pricing-featured:hover{transform:translateY(-6px)}.pricing-section{padding:60px 0}.pricing-section .section-title h2{font-size:1.7rem}}@media (max-width:768px){.pricing-card{padding:28px 22px}.pricing-header .price{font-size:2rem}}.mobile-contact-bar{display:none;position:fixed;bottom:0;left:0;width:100%;height:65px;background:#fff;box-shadow:0 -4px 15px rgb(0 0 0 / .1);z-index:1200;justify-content:space-around;align-items:center;padding:0 10px;border-radius:15px 15px 0 0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform;border-top:2px solid #fff0;animation:border-glow 2s ease-in-out infinite}@keyframes border-glow{0%,100%{border-top-color:rgb(36 137 218 / .3);box-shadow:0 -4px 15px rgb(0 0 0 / .1),0 0 0 0 #fff0}50%{border-top-color:#1985de;box-shadow:0 -4px 20px rgb(36 137 218 / .3),0 0 15px 2px rgb(36 137 218 / .2)}}.mobile-contact-bar .mobile-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#333;padding:5px 10px;transition:all 0.3s ease}.mobile-contact-bar .mobile-item img{width:26px;height:26px;object-fit:contain;margin-bottom:3px}.mobile-contact-bar .mobile-item span{font-size:11px;font-weight:600}.mobile-contact-bar .mobile-item:hover{transform:translateY(-2px)}.mobile-contact-bar .mobile-item[data-social="facebook"]:hover{color:#1877f2}.mobile-contact-bar .mobile-item[data-social="zalo"]:hover{color:#0068ff}.mobile-contact-bar .mobile-item[data-social="messenger"]:hover{color:#0084ff}.mobile-contact-bar .mobile-item[data-social="telegram"]:hover{color:#08c}@media (max-width:768px){.mobile-contact-bar{display:flex!important}body{padding-bottom:70px;-webkit-overflow-scrolling:touch}html{overflow-x:hidden}}@media (max-width:768px){.mobile-contact-bar{display:flex!important;visibility:visible!important;opacity:1!important}}@media (max-width:768px){.mobile-contact-bar.d-none,.mobile-contact-bar.d-none{display:flex!important}}.floating-contact{position:fixed;right:20px;top:70%;transform:translateY(-50%);z-index:9999;display:flex;flex-direction:column;gap:12px}.floating-item{width:50px;height:50px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgb(0 0 0 / .15);transition:all 0.3s ease;position:relative;text-decoration:none;cursor:pointer}.floating-item::before{content:'';position:absolute;width:100%;height:100%;border-radius:12px;background:inherit;opacity:.4;animation:pulse 2s infinite;z-index:-1}@keyframes pulse{0%{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:.2}100%{transform:scale(1);opacity:.4}}.floating-item[data-social="facebook"]::before{background:#1877f2}.floating-item[data-social="zalo"]::before{background:#0068ff}.floating-item[data-social="messenger"]::before{background:#0084ff}.floating-item[data-social="telegram"]::before{background:#08c}.floating-item:hover::before{animation:none;opacity:0}.floating-item img{width:28px;height:28px;object-fit:contain}.floating-item:hover{transform:scale(1.1);box-shadow:0 6px 20px rgb(0 0 0 / .2)}.floating-item[data-social="facebook"]:hover{background:#1877f2}.floating-item[data-social="facebook"]:hover img{filter:brightness(0) invert(1)}.floating-item[data-social="zalo"]:hover{background:#0068ff}.floating-item[data-social="zalo"]:hover img{filter:brightness(0) invert(1)}.floating-item[data-social="messenger"]:hover{background:#0084ff}.floating-item[data-social="messenger"]:hover img{filter:brightness(0) invert(1)}.floating-item[data-social="telegram"]:hover{background:#08c}.floating-item[data-social="telegram"]:hover img{filter:brightness(0) invert(1)}.floating-label{position:absolute;right:60px;background:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:all 0.3s ease}.floating-item:hover .floating-label{opacity:1;visibility:visible}@media (max-width:768px){.floating-contact{display:none!important}}.tkw-chat-svg{display:inline-block;vertical-align:middle}
/*!
 * Page: Thiết kế đồ họa - Dark Theme
 * Trich: thiet-ke-do-hoa.php inline style
 * Ngay tach: 2026-04-04
 */
 .page-graphic{--bg-base:#07070d;--bg-surface:rgba(255, 255, 255, 0.03);--bg-elevated:rgba(255, 255, 255, 0.05);--border:rgba(255, 255, 255, 0.07);--border-hover:rgba(0, 242, 255, 0.2);--accent-cyan:#00f2ff;--accent-violet:#8b5cf6;--accent-pink:#ff00cc;--accent-amber:#f59e0b;--accent-green:#10b981;--accent-red:#ef4444;--accent-blue:#1877f2;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--gradient-primary:linear-gradient(135deg, #00f2ff, #8b5cf6);--gradient-hero:linear-gradient(135deg, rgba(0, 242, 255, 0.05), rgba(139, 92, 246, 0.05));--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 4px 24px rgba(0, 0, 0, 0.3);--shadow-glow-cyan:0 0 40px rgba(0, 242, 255, 0.08);--shadow-glow-violet:0 0 40px rgba(139, 92, 246, 0.08);background:var(--bg-base);color:var(--text-primary);font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}.page-graphic::-webkit-scrollbar{width:6px}.page-graphic::-webkit-scrollbar-track{background:var(--bg-base)}.page-graphic::-webkit-scrollbar-thumb{background:rgb(0 242 255 / .2);border-radius:3px}.page-graphic::-webkit-scrollbar-thumb:hover{background:rgb(0 242 255 / .35)}.page-graphic .container{max-width:1140px;margin:0 auto;padding:0 24px}.page-graphic .text-gradient{background:linear-gradient(135deg,#00f2ff 0%,#8b5cf6 50%,#ff00cc 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}.page-graphic .section-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 14px;background:rgb(0 242 255 / .06);border:1px solid rgb(0 242 255 / .15);border-radius:50px;font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent-cyan);margin:0 auto 24px}.page-graphic .section-badge .dot{width:5px;height:5px;background:var(--accent-cyan);border-radius:50%;animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.page-graphic h1{font-size:clamp(32px, 5vw, 52px);font-weight:900;line-height:1.08;letter-spacing:-1.5px;margin-bottom:20px}.page-graphic h2{font-size:clamp(22px, 3vw, 32px);font-weight:800;line-height:1.2;letter-spacing:-.5px;margin-bottom:14px;color:var(--text-primary)}.page-graphic h3{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.page-graphic p{color:var(--text-secondary);font-size:15px;line-height:1.75}.page-graphic .divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgb(0 242 255 / .12),rgb(139 92 246 / .12),transparent);margin:0}.page-graphic .hero{text-align:center;padding:40px 20px 80px}.page-graphic .hero-icon{display:flex;justify-content:center;margin-bottom:32px}.page-graphic .hero-icon img{filter:drop-shadow(0 0 20px rgb(0 242 255 / .15));transition:transform 0.6s cubic-bezier(.175,.885,.32,1.275)}.page-graphic .hero-icon img:hover{transform:scale(1.1)}.page-graphic .hero .sub-text{font-size:16px;color:var(--text-secondary);max-width:580px;margin:0 auto 36px;line-height:1.8}.page-graphic .hero .sub-text strong{color:var(--text-primary);font-weight:600}.page-graphic .cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.page-graphic .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:var(--gradient-primary);color:#0a0a0f;font-size:14px;font-weight:700;border-radius:14px;text-decoration:none;transition:all 0.3s cubic-bezier(.22,1,.36,1);border:none;cursor:pointer;letter-spacing:.2px}.page-graphic .btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 48px rgb(0 242 255 / .22)}.page-graphic .btn-primary:active{transform:translateY(-1px)}.page-graphic .btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:15px 28px;background:rgb(255 255 255 / .03);color:var(--text-primary);font-size:14px;font-weight:600;border-radius:14px;text-decoration:none;border:1px solid var(--border);transition:all 0.3s}.page-graphic .btn-secondary:hover{background:rgb(0 242 255 / .06);border-color:rgb(0 242 255 / .25);color:var(--accent-cyan)}.page-graphic .stats-row{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;margin-top:52px;padding-top:40px;border-top:1px solid var(--border);max-width:600px;margin-left:auto;margin-right:auto}.page-graphic .stat-item{text-align:center}.page-graphic .stat-number{font-size:34px;font-weight:900;display:block;letter-spacing:-1px}.page-graphic .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;margin-top:4px}.page-graphic section{padding:72px 20px;position:relative}.page-graphic .benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.page-graphic .benefit-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all 0.3s cubic-bezier(.22,1,.36,1)}.page-graphic .benefit-item:hover{background:rgb(0 242 255 / .04);border-color:rgb(0 242 255 / .18);transform:translateX(6px)}.page-graphic .benefit-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-graphic .benefit-icon svg{width:18px;height:18px}.page-graphic .benefit-text{font-size:13px;font-weight:500;color:#cbd5e1;line-height:1.45}.page-graphic .service-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin:24px 0 0;position:relative;overflow:hidden}.page-graphic .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgb(0 242 255 / .15),transparent)}.page-graphic .banner-types{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.page-graphic .banner-type{text-align:center;padding:28px 20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all 0.35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.page-graphic .banner-type::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,rgb(139 92 246 / .08) 0%,transparent 60%);opacity:0;transition:opacity 0.3s}.page-graphic .banner-type:hover{border-color:rgb(139 92 246 / .3);transform:translateY(-6px);box-shadow:0 20px 40px rgb(0 0 0 / .2)}.page-graphic .banner-type:hover::before{opacity:1}.page-graphic .banner-type .icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:rgb(139 92 246 / .1);position:relative;z-index:1}.page-graphic .banner-type .icon svg{width:24px;height:24px}.page-graphic .banner-type h4{font-size:14px;font-weight:700;margin-bottom:8px;color:var(--text-primary);position:relative;z-index:1}.page-graphic .banner-type p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.6;position:relative;z-index:1}.page-graphic .social-types{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0}.page-graphic .social-type{padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all 0.35s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.page-graphic .social-type::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 0% 0%,rgb(255 0 204 / .05) 0%,transparent 50%);opacity:0;transition:opacity 0.3s}.page-graphic .social-type:hover{border-color:rgb(255 0 204 / .2);transform:translateY(-4px)}.page-graphic .social-type:hover::before{opacity:1}.page-graphic .social-type h4{font-size:15px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:10px;color:var(--text-primary);position:relative;z-index:1}.page-graphic .social-type p{font-size:13px;margin:0;line-height:1.7;position:relative;z-index:1}.page-graphic .pricing-section{padding:72px 20px;background:var(--gradient-hero);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.page-graphic .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;align-items:stretch}.page-graphic .pricing-card{background:rgb(15 23 42 / .5);border:1px solid var(--border);border-radius:var(--radius-xl);padding:32px 26px;text-align:center;transition:all 0.4s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column;position:relative;overflow:hidden}.page-graphic .pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--border);transition:height 0.3s}.page-graphic .pricing-card:hover{transform:translateY(-8px);border-color:rgb(0 242 255 / .15);box-shadow:0 24px 60px rgb(0 0 0 / .3)}.page-graphic .pricing-card:hover::before{height:3px;background:var(--gradient-primary)}.page-graphic .pricing-card.popular{border-color:rgb(0 242 255 / .25);background:rgb(0 242 255 / .03);transform:translateY(-8px)}.page-graphic .pricing-card.popular::before{height:3px;background:var(--gradient-primary)}.page-graphic .pricing-card.popular:hover{transform:translateY(-12px)}.page-graphic .pricing-card .popular-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);padding:5px 20px;background:var(--gradient-primary);color:#0a0a0f;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;border-radius:0 0 14px 14px;white-space:nowrap}.page-graphic .pricing-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:6px;letter-spacing:.3px}.page-graphic .pricing-price{font-size:36px;font-weight:900;margin:14px 0 4px;letter-spacing:-1px}.page-graphic .pricing-price small{font-size:13px;font-weight:500;color:var(--text-muted)}.page-graphic .pricing-desc{font-size:12px;color:var(--text-muted);margin-bottom:24px;line-height:1.5;min-height:36px}.page-graphic .pricing-features{list-style:none;text-align:left;margin-bottom:28px;flex-grow:1}.page-graphic .pricing-features li{font-size:13px;color:var(--text-secondary);padding:9px 0;border-bottom:1px solid rgb(255 255 255 / .04);display:flex;align-items:center;gap:10px;line-height:1.4}.page-graphic .pricing-features li::before{content:'';width:18px;height:18px;border-radius:50%;background:rgb(0 242 255 / .1);flex-shrink:0;display:flex;align-items:center;justify-content:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2300f2ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.page-graphic .pricing-features li .check{color:var(--accent-cyan);font-size:10px;font-weight:700;margin-left:auto}.page-graphic .pricing-features li.disabled{color:var(--text-muted);text-decoration:line-through}.page-graphic .pricing-features li.disabled::before{background:rgb(255 255 255 / .04);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='3' stroke-linecap='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}.page-graphic .btn-pricing{display:block;width:100%;padding:13px;background:rgb(255 255 255 / .04);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-weight:700;border-radius:12px;text-decoration:none;text-align:center;transition:all 0.3s;cursor:pointer;letter-spacing:.3px;margin-top:auto}.page-graphic .btn-pricing:hover{background:var(--gradient-primary);color:#0a0a0f;border-color:#fff0;box-shadow:0 8px 30px rgb(0 242 255 / .15)}.page-graphic .pricing-card.popular .btn-pricing{background:var(--gradient-primary);color:#0a0a0f;border-color:#fff0}.page-graphic .pricing-card.popular .btn-pricing:hover{box-shadow:0 12px 36px rgb(0 242 255 / .25)}.page-graphic .project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.page-graphic .project-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;transition:all 0.35s cubic-bezier(.22,1,.36,1);cursor:default;position:relative;overflow:hidden;min-height:160px}.page-graphic .project-item::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 100%,rgb(0 242 255 / .05) 0%,transparent 50%);opacity:0;transition:opacity 0.3s}.page-graphic .project-item:hover{border-color:rgb(0 242 255 / .2);transform:translateY(-6px);box-shadow:0 16px 40px rgb(0 0 0 / .25)}.page-graphic .project-item:hover::before{opacity:1}.page-graphic .project-item .project-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.page-graphic .project-item .project-icon svg{width:24px;height:24px}.page-graphic .project-item .project-name{font-size:13px;font-weight:600;color:var(--text-primary);text-align:center;line-height:1.3;position:relative;z-index:1}.page-graphic .project-item .project-cat{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;position:relative;z-index:1}.page-graphic .faq-section h2{color:var(--text-primary)!important}.page-graphic .faq-section .section-badge{background:rgb(0 242 255 / .06)!important;border-color:rgb(0 242 255 / .15)!important;color:var(--accent-cyan)!important}.page-graphic .faq-section .section-badge .dot{background:var(--accent-cyan)!important}.page-graphic .faq-list{display:flex;flex-direction:column;gap:8px;margin:24px 0}.page-graphic .faq-item{border:1px solid rgb(255 255 255 / .08);border-radius:var(--radius-md);overflow:hidden;transition:all 0.3s;background:rgb(15 20 35 / .6)!important}.page-graphic .faq-item:hover{border-color:rgb(0 242 255 / .2)!important;background:rgb(20 28 50 / .8)!important}.page-graphic .faq-item.active{border-color:rgb(0 242 255 / .25)!important;background:rgb(20 28 50 / .8)!important}.page-graphic .faq-question{padding:20px 24px;font-size:14px;font-weight:600;color:#d1d5db;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color 0.2s;background:#fff0}.page-graphic .faq-question:hover{color:#fff}.page-graphic .faq-item.active .faq-question{color:var(--accent-cyan)}.page-graphic .faq-toggle{width:28px;height:28px;border-radius:50%;background:rgb(0 242 255 / .08);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s}.page-graphic .faq-item.active .faq-toggle{background:var(--accent-cyan);transform:rotate(45deg)}.page-graphic .faq-toggle svg{width:12px;height:12px;stroke:var(--accent-cyan);transition:stroke 0.3s}.page-graphic .faq-item.active .faq-toggle svg{stroke:#0a0a0f}.page-graphic .faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(.22,1,.36,1);background:#fff0}.page-graphic .faq-item.active .faq-answer{max-height:400px}.page-graphic .faq-answer-inner{padding:0 24px 20px}.page-graphic .faq-answer p{font-size:14px;color:#a8b3c8;line-height:1.8;margin:0}@media (max-width:900px){.page-graphic .pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.page-graphic .pricing-card.popular{transform:none}.page-graphic .pricing-card.popular:hover{transform:translateY(-8px)}}@media (max-width:768px){.page-graphic section{padding:52px 20px}.page-graphic .hero{padding:72px 20px 56px}.page-graphic .benefit-grid{grid-template-columns:1fr}.page-graphic .banner-types{grid-template-columns:1fr}.page-graphic .social-types{grid-template-columns:1fr}.page-graphic .stats-row{gap:32px}.page-graphic .cta-buttons{flex-direction:column;align-items:center;max-width:300px;margin-left:auto;margin-right:auto}}@media (max-width:480px){.page-graphic .stat-number{font-size:28px}}