@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap";:root{--ink:#171717;--ivory:#f7f2e9;--gold:#c6a56b;--gold-dark:#95733c;--muted:#716b63;--white:#fff;--line:#e7dfd1;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.75 Be Vietnam Pro,Arial,sans-serif;background:#fffaf4}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3,.serif{font-family:Playfair Display,Georgia,serif}h1{font-size:clamp(2.8rem,6vw,5.25rem);line-height:1.16;letter-spacing:-.035em;font-weight:500}h2{font-size:clamp(2.05rem,4vw,3.4rem);line-height:1.2;font-weight:500;letter-spacing:-.02em}h3{font-size:1.44rem;font-weight:500;line-height:1.4}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 44px));margin:auto}.eyebrow{color:var(--gold-dark);text-transform:uppercase;letter-spacing:.22em;font-size:.71rem;font-weight:700;display:block;margin-bottom:16px}.eyebrow.on-dark{color:#e2bf7f}.lead{font-size:1.06rem;max-width:620px}.section{padding:105px 0}.section-head{max-width:690px;margin:0 auto 44px;text-align:center}.section-head p{margin-bottom:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 24px;border-radius:3px;font-size:.86rem;font-weight:700;transition:transform .2s,background .2s;border:1px solid transparent}.btn:hover:not(:disabled){transform:translateY(-2px)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-gold{background:var(--gold);color:#201a10}.btn-outline{border-color:#bea16e;color:#ead5b2;background:transparent}.btn-light{border-color:var(--line);color:var(--ink);background:#fff}.btn small{font-size:.7rem}.placeholder{font-size:.72rem;color:#8d8070;letter-spacing:.02em}.site-header{background:#181818;color:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1f}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:10px;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:700;white-space:nowrap}.logo-emblem{display:grid;place-items:center;width:37px;height:37px;border:1px solid #c6a56b;border-radius:50%;color:#d8b573;font-family:Georgia,serif;font-size:24px}.menu{display:flex;align-items:center;gap:28px;font-size:.8rem;color:#ddd}.menu a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:1px solid #777;color:#fff;padding:6px 11px;border-radius:3px}.hero{background:radial-gradient(circle at 78% 38%,#3d352e,transparent 37%),linear-gradient(120deg,#1b1b1b,#262321);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(90deg,transparent 96%,#ffffff06 97%);background-size:52px 100%;pointer-events:none}.hero-grid{min-height:665px;display:grid;grid-template-columns:53% 47%;align-items:center;position:relative;z-index:1;gap:8px}.hero-copy{padding:60px 0 75px}.hero h1 em{font-style:italic;color:#dab783}.hero p{color:#c9c3bb;max-width:510px;font-size:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.hero-caption{margin-top:43px;padding-top:22px;border-top:1px solid #ffffff24;color:#c9c0b3;display:flex;gap:24px;font-size:.78rem;flex-wrap:wrap}.hero-caption b{color:#dfc091}.visual{position:relative;min-height:540px;display:grid;place-items:center;isolation:isolate}.visual:before{content:"";position:absolute;width:85%;height:74%;border:1px solid #c6a56b5d;transform:rotate(-9deg);z-index:-1}.piano-art{position:relative;width:min(500px,100%);height:350px;transform:rotate(-8deg);filter:drop-shadow(3px 35px 40px #0009)}.piano-body{height:100%;background:linear-gradient(120deg,#0a0a0a,#282828 44%,#080808);border:1px solid #6d6256;border-radius:12px;padding:48px 24px 26px;box-shadow:inset 2px 2px 10px #ffffff25,inset -4px -4px 13px #000}.piano-label{text-align:center;color:#c4a575;letter-spacing:.4em;font-size:.65rem;margin-bottom:45px}.keys{height:172px;display:flex;background:#151515;padding:0 4px 8px;box-shadow:0 5px 6px #0009;position:relative}.white-key{background:linear-gradient(#fff,#eee5d8);border:1px solid #777;border-radius:0 0 4px 4px;flex:1;position:relative}.white-key.black-after:after{content:"";position:absolute;left:69%;top:0;background:linear-gradient(100deg,#171717,#292929 40%,#050505);height:61%;width:54%;z-index:2;border-radius:0 0 4px 4px;box-shadow:2px 4px 5px #0005}.visual-note{position:absolute;color:#b99a68;font:italic 40px Georgia,serif}.visual-note.one{right:9%;top:5%}.visual-note.two{left:0;bottom:7%}.hero-bg-text{position:absolute;right:-4%;bottom:-30px;letter-spacing:.08em;font:140px Georgia,serif;color:#ffffff08;white-space:nowrap;pointer-events:none}.stats-strip{background:#eae0cf;padding:25px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;text-align:center}.stats strong{display:block;font:500 1.65rem Georgia,serif}.stats span{font-size:.78rem;color:#6c6153}.two-col{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.portrait{min-height:480px;background:linear-gradient(145deg,#d2bf9f,#f5ede1 55%,#bb9e73);display:grid;place-items:center;position:relative;overflow:hidden}.portrait:before{content:"";width:235px;height:235px;border-radius:50%;border:2px solid #ffffff91;position:absolute;top:53px}.portrait-figure{font-size:135px;color:#7d6343;opacity:.65;line-height:1}.portrait:after{content:"HÌNH GIẢNG VIÊN • BỔ SUNG SAU";position:absolute;bottom:26px;left:20px;right:20px;letter-spacing:.2em;text-align:center;font-size:.69rem;color:#604c33}.portrait-frame{padding:17px;border:1px solid #cfb991}.checklist{display:grid;gap:17px;margin:24px 0}.checklist div{display:flex;gap:12px;align-items:flex-start;color:#514a43}.checklist span{color:var(--gold-dark);font-weight:700}.soft{background:var(--ivory)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:32px 27px;background:#fff;border:1px solid var(--line);min-height:260px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #2519000a}.card-icon{font:38px Georgia,serif;color:var(--gold-dark);display:block;margin-bottom:20px}.card p{margin-bottom:0}.course{border-top:3px solid var(--gold)}.course-number{color:#ac8b57;font-size:.8rem;font-weight:700;letter-spacing:.13em}.dark-section{background:#1c1b1a;color:#fff}.dark-section p{color:#c4bcb0}.method-list{counter-reset:step;display:grid;gap:15px;margin-top:25px}.method{display:flex;align-items:flex-start;gap:17px;border-bottom:1px solid #ffffff22;padding:16px 0}.method:before{counter-increment:step;content:"0"counter(step);font:26px Georgia,serif;color:#d0b07b}.method strong{display:block;margin-bottom:3px}.method p{margin:0}.mode{padding:36px;border:1px solid #d7c5a8;background:#fff}.mode strong{display:block;font:500 1.7rem Georgia,serif;margin:13px 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{border-top:2px solid #c9ad79;padding:24px 18px 0}.step b{font:34px Georgia,serif;color:#c2a169}.step h3{font-size:1.17rem;margin:12px 0}.gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.gallery-item{min-height:255px;background:linear-gradient(145deg,#a88d66,#ece0ca);display:grid;place-items:center;text-align:center;padding:18px;color:#604c32;position:relative}.gallery-item:nth-child(2){background:linear-gradient(135deg,#292521,#6f5a43)}.gallery-item:nth-child(2){color:#e6d4ba}.gallery-item:nth-child(3){background:linear-gradient(145deg,#e8dbcb,#bea881)}.gallery-item .big{font:72px Georgia,serif;opacity:.7}.gallery-item span{position:absolute;bottom:20px;left:10px;right:10px;font-size:.75rem}.price-box{border:1px solid #d2b888;background:#fff;padding:54px;text-align:center;max-width:780px;margin:auto}.price-box p{max-width:560px;margin:12px auto 22px}.faq{max-width:830px;margin:auto}.faq details{border-bottom:1px solid #dccdb8;padding:16px 0}.faq summary{font-weight:600;list-style:none;cursor:pointer;padding-right:35px;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:5px;font-size:25px;top:-5px;color:#a78758}.faq details[open] summary:after{content:"−"}.faq p{padding:12px 20px 0 0;margin-bottom:0}.contact{background:radial-gradient(circle at 50% -10%,#534534,transparent 60%),#1d1b19;color:#fff;text-align:center}.contact p{color:#d0c9bc}.contact .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:28px 0 14px}.site-footer{background:#121212;color:#b3a99c;padding:28px 0;font-size:.75rem}.footer-row{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.site-footer b{color:#e5d2b5}.skip{position:absolute;top:-100px;left:5px;background:#fff;color:#000;padding:8px;z-index:99}.skip:focus{top:5px}.focus-note{color:#ddc8a4!important;font-size:.72rem}.btn-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media (max-width:900px){.menu{gap:15px}.menu a{font-size:.72rem}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:70px 0 0}.visual{min-height:440px}.piano-art{width:450px;height:300px}.piano-body{padding-top:35px}.piano-label{margin-bottom:32px}.keys{height:145px}.two-col{gap:35px}.section{padding:75px 0}.timeline{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.container{width:min(var(--max),calc(100% - 34px))}.nav{height:68px}.menu-button{display:block}.nav .btn{display:none}.menu{display:none;position:absolute;top:68px;left:0;right:0;background:#181818;padding:18px 22px 25px;flex-direction:column;align-items:flex-start;gap:15px;border-top:1px solid #ffffff22}.menu.open{display:flex}.hero-grid{min-height:auto}.hero-copy{padding:60px 0 0}.hero-caption{gap:13px;margin-top:28px}.visual{min-height:310px}.piano-art{width:min(360px,89vw);height:250px}.piano-body{padding:25px 14px 15px}.piano-label{margin-bottom:26px}.keys{height:124px}.stats{gap:8px}.stats strong{font-size:1.35rem}.stats span{font-size:.67rem}.two-col,.cards,.gallery{grid-template-columns:1fr}.two-col .portrait{order:-1;min-height:350px}.portrait-figure{font-size:110px}.cards{gap:13px}.card{min-height:auto}.gallery-item{min-height:210px}.timeline{grid-template-columns:1fr 1fr}.step{padding:16px 8px}.step h3{font-size:1rem}.price-box{padding:32px 20px}.section{padding:65px 0}.footer-row{flex-direction:column}.hero-bg-text{font-size:67px;bottom:-8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}