.studio-page{width:100vw;height:100vh;background:radial-gradient(ellipse at center,#0a0a1f,#020210 70%);font-family:Inter,system-ui,sans-serif;overflow:hidden;position:relative;color:#f5f3ff}.studio-page ::selection{background:#7c3aed!important;color:#fff!important}.studio-page input:focus,.studio-page textarea:focus,.studio-page select:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed40!important;outline:none!important}::-webkit-scrollbar-thumb{background:#7c3aed!important}*::-webkit-scrollbar-thumb{background:#7c3aed!important}*{scrollbar-color:#7c3aed transparent;scrollbar-width:thin}.studio-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:16px 28px;background:linear-gradient(180deg,#020210a6,#02021000);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);pointer-events:auto}.studio-page .studio-back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid rgba(167,139,250,.3)!important;background:#a78bfa14!important;color:#c4b5fd!important;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(12px);box-shadow:0 8px 20px #0000004d}.studio-page .studio-back:hover{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 25px #7c3aed59}.studio-page .studio-back:active{transform:translateY(0) scale(.96)}.studio-brand{display:flex;align-items:center;gap:10px;color:#fff}.studio-title{font-size:.95rem;font-weight:600;letter-spacing:.01em;background:linear-gradient(135deg,#f5f3ff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.studio-badge{font-size:.6rem;padding:3px 9px;background:#a78bfa1f;border:1px solid rgba(167,139,250,.35);border-radius:999px;color:#c4b5fd;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.studio-header-spacer{width:100px}.studio-instruction{position:absolute;z-index:10;bottom:24px;left:50%;transform:translate(-50%);margin:0;color:#ffffff52;font-size:.72rem;pointer-events:none;letter-spacing:.18em;text-transform:uppercase;text-align:center;font-weight:500}.planet-label{background:#080812b3;border:1px solid rgba(255,255,255,.08);padding:5px 10px;border-radius:999px;color:#f5f3ffeb;text-align:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:all .25s ease;user-select:none;pointer-events:none;white-space:nowrap;font-size:.62rem;letter-spacing:.04em;font-weight:500;display:inline-flex;align-items:center;gap:6px;transform:translateZ(0)}.planet-label.is-hovered{border-color:#c4b5fdb3;background:#281e46d9;box-shadow:0 0 24px #a78bfa73;transform:scale(1.06) translate3d(0,-2px,0)}.planet-label.is-active{border-color:#c4b5fdf2;background:#3c2864e6;box-shadow:0 0 28px #a78bfa99}.planet-label.is-locked{opacity:.6;filter:grayscale(.7)}.planet-label.is-styled-locked{opacity:.95;filter:none;border-color:#fbbf2480;background:#281c08d9;box-shadow:0 0 20px #fbbf2459}.planet-label.is-styled-locked .planet-lock{color:#fde047d9;border-left-color:#fde04766}.planet-name{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:.66rem;letter-spacing:.03em}.planet-icon{font-size:.78rem;line-height:1}.planet-lock{font-size:.55rem;font-weight:700;letter-spacing:.18em;color:#ffffff80;padding-left:6px;border-left:1px solid rgba(255,255,255,.15)}.planet-loading{position:fixed;inset:0;z-index:99;display:flex;align-items:center;justify-content:center;background:#020210bf;backdrop-filter:blur(8px);color:#c4b5fdd9;font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;font-weight:500}.planet-tool{display:flex;flex-direction:column;gap:14px}.planet-tool h3{margin:0;font-size:1.05rem;font-weight:700}.planet-tool p{margin:0;font-size:.9rem;color:#f5f3ffbf;line-height:1.6}.planet-tool.coming-soon{align-items:center;text-align:center;padding:24px 8px;gap:10px}.coming-soon-icon{font-size:2.4rem;filter:drop-shadow(0 0 18px rgba(251,191,36,.5))}.studio-lang-dd{position:relative;display:flex;align-items:center}.studio-lang-dd-btn{background:#a78bfa14;border:1px solid rgba(167,139,250,.25);padding:6px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);color:#c4b5fd}.studio-lang-dd-btn:hover{background:#a78bfa26;border-color:#a78bfa73}.studio-lang-dd-code{font-size:.7rem;font-weight:700;letter-spacing:.05em}.studio-lang-dd-arr{font-size:.6rem;opacity:.5}.studio-lang-dd-menu{position:absolute;top:calc(100% + 8px);right:0;background:#080818e6;border:1px solid rgba(167,139,250,.3);border-radius:10px;padding:6px;min-width:140px;display:flex;flex-direction:column;gap:4px;backdrop-filter:blur(16px);box-shadow:0 12px 32px #0006;animation:ddFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes ddFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.studio-lang-dd-item{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;color:#f5f3ffcc;font-size:.75rem;font-weight:500;transition:all .2s ease;text-align:left}.studio-lang-dd-item:hover{background:#a78bfa26;color:#fff}.studio-lang-dd-item.active{background:#7c3aed33;color:#c4b5fd;font-weight:600}.studio-lang-dd-item svg{filter:saturate(.8)}.studio-lang-dd-item:hover svg{filter:saturate(1.2)}@media (max-width: 720px){.studio-lang-dd-btn{padding:5px 8px;gap:5px}.studio-lang-dd-code{display:none}.studio-lang-dd-menu{min-width:120px}.studio-header{padding:12px 16px;gap:12px}.studio-header-spacer{display:none}.studio-back{font-size:.75rem;white-space:nowrap}.studio-badge{display:none}.studio-title{font-size:.85rem}.studio-brand{gap:0}.studio-instruction{font-size:.58rem;bottom:16px;padding:0 12px;letter-spacing:.1em;width:90%}.planet-label{font-size:.55rem;padding:3px 7px}}.earth-proj-tagline-row{display:inline-flex;align-items:center;gap:10px}.earth-proj-tagline{white-space:nowrap;padding:8px 18px;border-radius:999px;background:linear-gradient(180deg,#061026c7,#0610268c);border:1px solid rgba(126,196,255,.4);color:#f4f9ff;font-size:18px;font-weight:600;letter-spacing:.2px;text-shadow:0 1px 8px rgba(126,196,255,.55),0 0 24px rgba(126,196,255,.25);box-shadow:0 0 24px #7ec4ff40;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);user-select:none;pointer-events:none}.earth-proj-phone{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#7ec4ff38,#a78bfa38);border:1px solid rgba(126,196,255,.55);color:#fff;font-size:22px;font-weight:800;letter-spacing:.6px;text-decoration:none;text-shadow:0 1px 6px rgba(0,0,0,.45);box-shadow:0 12px 30px #3a8cff52,0 0 24px #7ec4ff40;transition:transform .18s,border-color .18s,box-shadow .18s;white-space:nowrap}.earth-proj-phone:hover{transform:translateY(-1px) scale(1.03);border-color:#7ec4ffd9;box-shadow:0 16px 36px #3a8cff6b}.earth-proj-phone-num{font-variant-numeric:tabular-nums}.earth-proj-close{width:30px;height:30px;border-radius:50%;border:1px solid rgba(126,196,255,.45);background:#061026c7;color:#f4f9ff;font-size:14px;font-weight:600;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 4px 12px #0006,0 0 12px #7ec4ff33;transition:background .16s,border-color .16s,transform .16s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex:0 0 auto}.earth-proj-close:hover{background:#ffffff24;border-color:#7ec4ffd9;transform:scale(1.1)}.earth-proj-close:active{transform:scale(.94)}.planet-panel-backdrop{position:fixed;inset:0;z-index:100;background:#03030599;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:flex-end;animation:panelBackdropIn .25s ease}@keyframes panelBackdropIn{0%{opacity:0}to{opacity:1}}.planet-panel{width:min(560px,100vw);height:100vh;background:linear-gradient(180deg,#0f0c1cf5,#08080ffa);border-left:1px solid rgba(167,139,250,.2);box-shadow:-20px 0 60px #00000080;display:flex;flex-direction:column;color:#f5f3ff;animation:panelSlideIn .32s cubic-bezier(.2,.9,.3,1)}@keyframes panelSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.planet-panel-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid rgba(167,139,250,.15);gap:16px}.planet-panel-title{display:flex;align-items:flex-start;gap:14px}.planet-panel-icon{font-size:1.8rem;line-height:1;filter:drop-shadow(0 0 12px rgba(167,139,250,.4))}.planet-panel-name{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:.01em}.planet-panel-desc{margin:4px 0 0;font-size:.78rem;color:#f5f3ff8c}.planet-panel-close{appearance:none;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:#f5f3ff;width:36px;height:36px;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.planet-panel-close:hover{background:#a78bfa2e;border-color:#a78bfa80;transform:rotate(90deg)}.planet-panel-body{flex:1;overflow-y:auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}@media (max-width: 720px){.planet-panel{width:100vw;border-left:none;border-top:1px solid rgba(167,139,250,.2)}}.cta-footer{margin-top:auto;padding:18px 20px;background:linear-gradient(135deg,#a78bfa14,#60a5fa0d);border:1px solid rgba(167,139,250,.18);border-radius:14px;display:flex;flex-direction:column;gap:12px}.cta-footer-message{margin:0;font-size:.88rem;color:#f5f3ffd9;line-height:1.5}.cta-footer-actions{display:flex;flex-wrap:wrap;gap:8px}.cta-footer-link:is(button){appearance:none;background:#ffffff08;font-family:inherit;font-size:inherit;cursor:pointer}.cta-footer-link{flex:1 1 auto;min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;font-size:.82rem;font-weight:600;text-decoration:none;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#f5f3ff;transition:all .2s ease}.cta-footer-link:hover{transform:translateY(-1px);border-color:#a78bfa80;background:#a78bfa1f}.cta-icon{font-size:1rem;line-height:1}.cta-zalo:hover{border-color:#0068ff;background:#0068ff26}.cta-phone:hover{border-color:#1abc9c;background:#1abc9c26}.cta-email:hover{border-color:#ffb800;background:#ffb8001f}.cta-form:hover{border-color:#a78bfa;background:#a78bfa2e}