#hero{align-items:center;height:100vh;min-height:800px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-2;filter:brightness(.6)contrast(1.1);animation:20s ease-out infinite alternate kenburns;position:absolute;inset:0;transform:scale(1.05)}@keyframes kenburns{0%{transform:scale(1.05)}to{transform:scale(1.15)}}.hero-overlay{background:radial-gradient(circle at center, transparent 0%, var(--bg-dark) 100%);z-index:-1;position:absolute;inset:0}.hero-inner{z-index:1;grid-template-columns:1fr 420px;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:120px 2rem 4rem;display:grid;position:relative}.hero-badge{border:1px solid var(--border-teal);color:var(--teal-light);letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a9e7a26;border-radius:50px;align-items:center;gap:8px;margin-bottom:1.5rem;padding:6px 16px;font-size:.78rem;display:inline-flex}.hero-badge:before{content:"";background:var(--teal-light);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.hero-title{font-family:var(--font-playfair), serif;margin-bottom:1.5rem;font-size:clamp(2.4rem,5vw,4rem);font-weight:700;line-height:1.2}.hero-title .line1{color:var(--text-main);display:block}.hero-title .line2{background:linear-gradient(135deg, var(--purple-light), var(--teal-light), var(--gold));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradShift;display:block}@keyframes gradShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-desc{color:var(--text-muted);max-width:520px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.8}.hero-btns{flex-wrap:wrap;gap:1rem;display:flex}.hero-stats{gap:2rem;margin-top:3rem;display:flex}.hero-stat-item{text-align:left}.hero-stat-num{font-family:var(--font-playfair), serif;color:var(--gold);font-size:1.8rem;font-weight:700}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.hero-tool-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff0d;padding:2rem;animation:6s ease-in-out infinite floatCard}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tool-card-title{font-family:var(--font-playfair), serif;color:var(--gold);text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;display:flex}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-muted);margin-bottom:.4rem;font-size:.8rem;display:block}.form-group input,.form-group select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:border-color var(--transition);background:#ffffff0f;outline:none;padding:.65rem .9rem;font-family:inherit;font-size:.88rem}.form-group input:focus,.form-group select:focus{border-color:var(--teal)}.form-group select option{background:#1a0d2e}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}#gioi-thieu{padding-top:8rem}.intro-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.intro-image-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:linear-gradient(135deg,#6b2d8b1a,#1a9e7a1a);padding:1.5rem;position:relative}.intro-image-inner{border-radius:var(--radius-md);position:relative;overflow:hidden}.intro-image-inner img{width:100%;transition:transform .7s;display:block}.intro-image-inner:hover img{transform:scale(1.05)}.intro-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-md);border:1px solid var(--gold);background:#0d0818e6;padding:1.5rem;position:absolute;bottom:-20px;right:-20px;box-shadow:0 10px 30px #00000080}.stat-item{text-align:center}.stat-num{font-family:var(--font-playfair), serif;color:var(--gold);font-size:2.5rem;font-weight:700;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-size:.8rem}.section-label{color:var(--teal-light);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.section-label:before{content:"";background:var(--teal);width:30px;height:2px}.section-title{font-family:var(--font-playfair), serif;margin-bottom:1.5rem;font-size:clamp(2.5rem,4vw,3.5rem);font-weight:700;line-height:1.2}.section-desc{color:var(--text-muted);margin-bottom:2rem;font-size:1.05rem}.skills-list{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.skill-bar-label{justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:500;display:flex}.skill-bar-track{background:#ffffff0d;border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{background:linear-gradient(90deg, var(--purple-light), var(--teal-light));border-radius:3px;width:0;height:100%;transition:width 1.5s cubic-bezier(.1,.5,.1,1)}.services-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition);padding:3rem 2rem;position:relative;overflow:hidden}.service-card:hover{border-color:var(--teal);box-shadow:0 10px 40px var(--teal-glow);transform:translateY(-10px)}.service-icon{margin-bottom:1.5rem;font-size:3.5rem}.service-name{font-family:var(--font-playfair), serif;color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.service-desc{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem;line-height:1.6}.service-features{margin-bottom:2.5rem;list-style:none}.service-features li{color:var(--text-main);align-items:flex-start;gap:10px;margin-bottom:.75rem;font-size:.85rem;display:flex}.service-features li:before{content:"✦";color:var(--teal-light)}.service-price{margin-bottom:2rem}.price-amount{font-family:var(--font-playfair), serif;color:var(--gold);font-size:2rem;font-weight:700}.price-unit{color:var(--text-muted);margin-left:5px;font-size:.9rem}.service-card.featured{border-color:var(--purple);background:linear-gradient(#6b2d8b1a,#1a9e7a0d)}.featured-badge{background:var(--purple);color:#fff;letter-spacing:.1em;padding:5px 40px;font-size:.7rem;font-weight:600;position:absolute;top:1.5rem;right:-2rem;transform:rotate(45deg)}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.tool-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);cursor:pointer;padding:2rem;text-decoration:none;display:block;position:relative;overflow:hidden}.tool-card:before{content:"";background:linear-gradient(135deg, var(--purple-glow), transparent);opacity:0;transition:opacity var(--transition);position:absolute;inset:0}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:var(--purple-light);box-shadow:0 12px 40px var(--purple-glow);transform:translateY(-4px)}.tool-card.teal-accent:hover{border-color:var(--teal)}.tool-card.teal-accent:before{background:linear-gradient(135deg, var(--teal-glow), transparent)}.tool-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:1.25rem;font-size:1.5rem;display:flex}.icon-purple{border:1px solid var(--border);background:#6b2d8b33}.icon-teal{border:1px solid var(--border-teal);background:#1a9e7a33}.icon-gold{background:#d4af3726;border:1px solid #d4af3740}.tool-name{font-family:var(--font-playfair), serif;color:var(--text-main);margin-bottom:.6rem;font-size:1.1rem;font-weight:600}.tool-desc{color:var(--text-muted);font-size:.875rem;line-height:1.6}.tool-arrow{color:var(--teal-light);transition:gap var(--transition);align-items:center;gap:6px;margin-top:1rem;font-size:.8rem;display:inline-flex}.tool-card:hover .tool-arrow{gap:10px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);text-decoration:none;display:block;overflow:hidden}.article-card:hover{border-color:var(--purple-light);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.article-thumb{background:linear-gradient(135deg,#6b2d8b33,#1a9e7a26);justify-content:center;align-items:center;height:160px;font-size:3.5rem;display:flex;position:relative;overflow:hidden}.article-thumb-overlay{background:linear-gradient(#0000 60%,#0d0818e6);position:absolute;inset:0}.article-cat{border:1px solid var(--border);color:var(--text-main);letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6b2d8bb3;border-radius:20px;padding:3px 10px;font-size:.68rem;position:absolute;top:12px;left:12px}.article-body{padding:1.25rem}.article-title{font-family:var(--font-playfair), serif;color:var(--text-main);margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.4}.article-excerpt{color:var(--text-muted);margin-bottom:1rem;font-size:.82rem;line-height:1.6}.article-meta{color:var(--text-dim);justify-content:space-between;font-size:.72rem;display:flex}#testimonials{background:linear-gradient(#0000,#6b2d8b0d,#0000);padding-top:5rem}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;display:grid}.testimonial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition);padding:2rem}.testimonial-card:hover{border-color:var(--teal);box-shadow:0 8px 30px var(--teal-glow)}.quote-mark{font-family:var(--font-playfair), serif;color:var(--purple);opacity:.4;margin-bottom:.5rem;font-size:4rem;line-height:1}.testimonial-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;font-style:italic;line-height:1.8}.testimonial-author{align-items:center;gap:12px;display:flex}.author-avatar{background:linear-gradient(135deg, var(--purple), var(--teal));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.author-name{color:var(--text-main);font-size:.88rem;font-weight:600}.author-loc{color:var(--text-dim);font-size:.75rem}.stars{color:var(--gold);letter-spacing:2px;font-size:.8rem}#cta-banner{background:linear-gradient(135deg, var(--purple-dark), #0d2b25);border-top:1px solid var(--border);border-bottom:1px solid var(--border-teal)}.cta-inner{text-align:center;max-width:800px;margin:0 auto;padding:5rem 2rem}.cta-title{font-family:var(--font-playfair), serif;color:var(--text-main);margin-bottom:1rem;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700}.cta-desc{color:var(--text-muted);margin-bottom:2.5rem;line-height:1.8}.cta-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.ornament-divider{text-align:center;padding:.5rem 0;position:relative}.ornament-divider:before{content:"";background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;position:absolute;top:50%;left:0;right:0}.ornament-divider span{background:var(--purple-dark);color:var(--gold);padding:0 1rem;font-size:1.1rem;position:relative}@media (max-width:1024px){.intro-grid{grid-template-columns:1fr}.services-grid,.articles-grid,.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){#hero{align-items:flex-start;height:auto;min-height:100vh}.hero-inner{padding:120px 1.5rem 4rem}.hero-title{font-size:2.5rem}.hero-badge{padding:6px 12px;font-size:.7rem}.hero-btns{flex-direction:column}.services-grid,.articles-grid,.testimonials-grid,.tools-grid{grid-template-columns:1fr}}