.riki-pt{--pt-ink:#172d2b;--pt-green:#123a38;--pt-mist:#f1f5f1;--pt-gold:#cba976;--pt-line:#dce5dc;color:var(--pt-ink);font:400 16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff;overflow:hidden}
.riki-pt *{box-sizing:border-box}.riki-pt .pt-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}.riki-pt a{text-decoration:none;color:inherit}.riki-pt button,.riki-pt input,.riki-pt select{font:inherit}.riki-pt button{cursor:pointer}.riki-pt h1,.riki-pt h2,.riki-pt h3,.riki-pt h4,.riki-pt p{margin-top:0}.riki-pt h2{font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.15;letter-spacing:-.05em;font-weight:680}.riki-pt h3{line-height:1.3}.riki-pt p{color:#576965}.riki-pt .pt-kicker,.riki-pt .pt-eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;color:#7c916d}
.riki-pt .pt-hero{background:radial-gradient(circle at 77% 48%,#336761 0,#173e3c 29%,#102c2b 66%,#0b2324 100%);color:#fff;position:relative}.riki-pt .pt-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.025) 40%,transparent 42%);pointer-events:none}.riki-pt .pt-hero-grid{min-height:540px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;position:relative}.riki-pt .pt-eyebrow{color:#d4bc8f;margin-bottom:25px}.riki-pt h1{font-size:clamp(2.8rem,5.4vw,5.15rem);line-height:1.09;letter-spacing:-.055em;max-width:700px;margin-bottom:24px;font-weight:680}.riki-pt h1 em{font-style:normal;color:#d8bc8d}.riki-pt .pt-hero p{color:#d6e1d8;font-size:18px;max-width:540px;margin-bottom:31px}.riki-pt .pt-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;border:1px solid #133d39;border-radius:3px;background:#153c38;color:#fff;font-size:14px;font-weight:700;padding:13px 20px;transition:transform .2s,background .2s}.riki-pt .pt-button:hover{background:#246358;transform:translateY(-2px)}.riki-pt .pt-button-light{background:#e3c79c;border-color:#e3c79c;color:#172d2b}.riki-pt .pt-button-light:hover{background:#f4dcaf}.riki-pt .pt-hero-art{aspect-ratio:1;max-width:440px;width:100%;justify-self:center;position:relative;display:grid;place-items:center}.riki-pt .pt-halo{width:50%;height:50%;border-radius:50%;background:radial-gradient(circle,#e5bc79 0%,#ae926e 25%,#49675a 54%,transparent 72%);filter:blur(13px);opacity:.76}.riki-pt .pt-orbit{border:1px solid rgba(231,218,179,.34);border-radius:50%;position:absolute;inset:8%;transform:rotateX(20deg) rotate(-12deg)}.riki-pt .pt-orbit-two{inset:22%;border-color:rgba(231,218,179,.23);transform:rotateY(30deg) rotate(35deg)}.riki-pt .pt-hero-center{position:absolute;color:#fff;font-size:40px;letter-spacing:.06em;font-weight:800;text-align:center;text-shadow:0 2px 24px #143631}.riki-pt .pt-hero-center span{display:block;font-size:10px;letter-spacing:.45em;margin-top:-10px}.riki-pt .pt-orb{position:absolute;width:55px;height:55px;border-radius:50%;box-shadow:0 8px 20px #0018}.riki-pt .pt-o1{background:#7d9e75;top:4%;left:40%}.riki-pt .pt-o2{background:#bc695a;right:8%;top:35%}.riki-pt .pt-o3{background:#bca276;right:26%;bottom:7%}.riki-pt .pt-o4{background:#dee3dc;left:16%;bottom:19%}.riki-pt .pt-o5{background:#5588a1;left:5%;top:32%}
.riki-pt .pt-nav{background:#fff;border-bottom:1px solid var(--pt-line);position:relative;z-index:1}.riki-pt .pt-nav .pt-wrap{display:flex;gap:38px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.riki-pt .pt-nav a{font-size:13px;font-weight:700;padding:18px 0;display:inline-block}.riki-pt .pt-nav a:hover{color:#497569}.riki-pt .pt-section{padding-top:100px;padding-bottom:105px;scroll-margin-top:30px}.riki-pt .pt-intro{max-width:710px;margin-bottom:42px}.riki-pt .pt-intro h2{margin:13px 0 16px}.riki-pt .pt-intro p{font-size:17px;margin:0}.riki-pt .pt-elements{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.riki-pt .pt-diagram{position:relative;aspect-ratio:1;max-width:450px;width:100%;margin:auto}.riki-pt .pt-diagram svg{width:100%;height:100%}.riki-pt .pt-cycle,.riki-pt .pt-star{fill:none;stroke:#cbd6cd;stroke-width:1.2;stroke-dasharray:5 6}.riki-pt .pt-star{stroke:#e4ddd0}.riki-pt .pt-element{width:92px;height:92px;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border-radius:50%;border:6px solid #fff;box-shadow:0 6px 28px #112a241e;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;color:#fff}.riki-pt .pt-element:hover,.riki-pt .pt-element.is-active{transform:scale(1.12);box-shadow:0 7px 25px #112a2455}.riki-pt .pt-element span{font-size:22px;line-height:1.2}.riki-pt .pt-e-moc{top:1%;left:calc(50% - 46px);background:#567e5a}.riki-pt .pt-e-hoa{top:34%;right:0;background:#b7664f}.riki-pt .pt-e-tho{bottom:2%;right:15%;background:#b89962}.riki-pt .pt-e-kim{bottom:2%;left:15%;background:#88989b}.riki-pt .pt-e-thuy{top:34%;left:0;background:#4d7795}.riki-pt .pt-center-mark{position:absolute;left:40%;top:42%;width:20%;text-align:center;font-size:14px;font-weight:900;letter-spacing:.2em;line-height:1.4;color:#8b9c91}.riki-pt .pt-element-detail{background:#f7f9f5;border:1px solid #e8ede5;padding:clamp(28px,4vw,55px);min-height:385px}.riki-pt .pt-element-detail h3{font-size:29px;margin:12px 0 12px;letter-spacing:-.04em}.riki-pt .pt-element-detail p{margin-bottom:24px}.riki-pt .pt-rule{border-top:1px solid #dce6dc;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px}.riki-pt .pt-rule span{color:#64736a;flex:none}.riki-pt .pt-rule strong{text-align:right}.riki-pt .pt-mini-swatches{display:flex;gap:7px}.riki-pt .pt-mini-swatches i{width:25px;height:25px;border-radius:50%;border:1px solid #0001}.riki-pt .pt-element-detail small,.riki-pt .pt-form small{color:#728078;font-size:12px;display:block;line-height:1.6;margin-top:12px}
.riki-pt .pt-nav{background:#fff;border-bottom:1px solid var(--pt-line);position:relative;z-index:1}.riki-pt .pt-nav .pt-wrap{display:flex;gap:38px;white-space:nowrap;overflow-x:auto;scrollbar-width:thin}.riki-pt .pt-nav a{font-size:13px;font-weight:700;padding:18px 0;display:inline-block}.riki-pt .pt-nav a:hover{color:#497569}.riki-pt .pt-section{padding-top:100px;padding-bottom:105px;scroll-margin-top:30px}.riki-pt .pt-intro{max-width:710px;margin-bottom:42px}.riki-pt .pt-brand-logo{width:122px;height:auto;display:block;margin-bottom:22px}.riki-pt .pt-intro h2{margin:13px 0 16px}.riki-pt .pt-intro p{font-size:17px;margin:0}.riki-pt .pt-elements{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.riki-pt .pt-diagram{position:relative;aspect-ratio:1;max-width:450px;width:100%;margin:auto}.riki-pt .pt-diagram svg{width:100%;height:100%}.riki-pt .pt-cycle,.riki-pt .pt-star{fill:none;stroke:#cbd6cd;stroke-width:1.2;stroke-dasharray:5 6}.riki-pt .pt-star{stroke:#e4ddd0}.riki-pt .pt-element{width:92px;height:92px;position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;border-radius:50%;border:6px solid #fff;box-shadow:0 6px 28px #112a241e;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;color:#fff}.riki-pt .pt-element:hover,.riki-pt .pt-element.is-active{transform:scale(1.12);box-shadow:0 7px 25px #112a2455}.riki-pt .pt-element span{font-size:22px;line-height:1.2}.riki-pt .pt-e-moc{top:1%;left:calc(50% - 46px);background:#567e5a}.riki-pt .pt-e-hoa{top:34%;right:0;background:#b7664f}.riki-pt .pt-e-tho{bottom:2%;right:15%;background:#b89962}.riki-pt .pt-e-kim{bottom:2%;left:15%;background:#88989b}.riki-pt .pt-e-thuy{top:34%;left:0;background:#4d7795}.riki-pt .pt-center-mark{position:absolute;left:40%;top:42%;width:20%;text-align:center;font-size:14px;font-weight:900;letter-spacing:.2em;line-height:1.4;color:#8b9c91}.riki-pt .pt-element-detail{background:#f7f9f5;border:1px solid #e8ede5;padding:clamp(28px,4vw,55px);min-height:385px}.riki-pt .pt-element-detail h3{font-size:29px;margin:12px 0 12px;letter-spacing:-.04em}.riki-pt .pt-element-detail p{margin-bottom:24px}.riki-pt .pt-rule{border-top:1px solid #dce6dc;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:14px}.riki-pt .pt-rule span{color:#64736a;flex:none}.riki-pt .pt-rule strong{text-align:right}.riki-pt .pt-mini-swatches{display:flex;gap:7px}.riki-pt .pt-mini-swatches i{width:25px;height:25px;border-radius:50%;border:1px solid #0001}.riki-pt .pt-element-detail small,.riki-pt .pt-form small{color:#728078;font-size:12px;display:block;line-height:1.6;margin-top:12px}
.riki-pt .pt-tool-bg{background:#f1f5f0}.riki-pt .pt-tool-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;align-items:stretch}.riki-pt .pt-form,.riki-pt .pt-result{background:#fff;border:1px solid #e1e9e1;box-shadow:0 12px 40px #253e3010;padding:clamp(22px,3vw,39px);min-width:0}.riki-pt .pt-form h3{font-size:23px;margin-bottom:27px}.riki-pt .pt-form label{display:block;font-size:13px;font-weight:700;margin-bottom:18px}.riki-pt .pt-form input,.riki-pt .pt-form select{display:block;margin-top:7px;height:46px;width:100%;border:1px solid #d4dfd5;border-radius:3px;padding:0 12px;color:#203831;background:#fff;outline-color:#4f7a6f}.riki-pt .pt-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.riki-pt .pt-form .pt-button{width:100%}.riki-pt .pt-form-error{color:#9b2929;background:#fff1f0;padding:10px 12px;font-size:13px;margin:13px 0 0}.riki-pt .pt-empty{height:100%;min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:360px;margin:auto}.riki-pt .pt-empty-icon{width:68px;height:68px;border-radius:50%;background:#edf3eb;color:#4c7769;font-size:42px;line-height:68px;margin-bottom:18px}.riki-pt .pt-empty h3{font-size:25px;margin-bottom:6px}.riki-pt .pt-result-head{background:#16433f;color:#fff;padding:24px;margin:-1px -1px 20px}.riki-pt .pt-result-head .pt-kicker{color:#d6c097}.riki-pt .pt-result-head h3{font-size:28px;margin:8px 0 4px}.riki-pt .pt-result-head p{color:#dce8e1;margin:0}.riki-pt .pt-data-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e6ece5;padding:10px 0;font-size:14px}.riki-pt .pt-data-row span{color:#647369}.riki-pt .pt-data-row strong{text-align:right}.riki-pt .pt-result-direction{background:#f0f5ef;padding:18px;margin:20px 0 13px}.riki-pt .pt-result-direction strong{display:block;font-size:17px;margin:5px 0}.riki-pt .pt-result-direction p,.riki-pt .pt-result-tip{font-size:13px;line-height:1.6;margin:6px 0 0}.riki-pt .pt-result-tip{margin:12px 0}.riki-pt .pt-result-colors{border-top:1px solid #e5eae4;padding-top:19px}.riki-pt .pt-result-colors h4{font-size:17px;margin-bottom:4px}.riki-pt .pt-result-colors p{font-size:12px;margin-bottom:13px}.riki-pt .pt-result-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.riki-pt .pt-color-tile{background:#fff;border:1px solid #e1e7e1;padding:5px;text-align:left;min-width:0;border-radius:3px;color:#20302c}.riki-pt .pt-color-tile:hover{border-color:#5d8a70}.riki-pt .pt-color-tile i{display:block;height:39px;border:1px solid #0001}.riki-pt .pt-color-tile strong,.riki-pt .pt-color-tile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 3px}.riki-pt .pt-color-tile strong{font-size:11px;margin-top:5px}.riki-pt .pt-color-tile small{font-size:10px;color:#647369}.riki-pt .pt-result-actions{display:flex;align-items:center;justify-content:space-between;margin-top:22px;gap:10px}.riki-pt .pt-text-link{font-size:13px;font-weight:800;color:#195e54!important}.riki-pt .pt-print{background:transparent;border:1px solid #cddbd0;border-radius:3px;padding:6px 10px;font-size:12px}
.riki-pt .pt-direction-grid,.riki-pt .pt-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.riki-pt .pt-direction-card{padding:31px;background:#f4f7f2;border:1px solid #e7eee5;min-height:220px}.riki-pt .pt-direction-card span,.riki-pt .pt-articles article span{color:#719078;font-size:11px;font-weight:800;letter-spacing:.12em}.riki-pt .pt-direction-card h3,.riki-pt .pt-articles h3{font-size:22px;margin:12px 0 8px}.riki-pt .pt-direction-card p{font-weight:700;color:#194a43}.riki-pt .pt-direction-card small{color:#718078}.riki-pt .pt-direction-note{background:#153a37}.riki-pt .pt-direction-note h3,.riki-pt .pt-direction-note p{color:#fff}.riki-pt .pt-direction-note span{color:#dbca9d}.riki-pt .pt-palette-bg{background:#e9eee7}.riki-pt .pt-color-guide{background:#fff;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:clamp(24px,5vw,70px);gap:40px;min-height:340px}.riki-pt .pt-color-guide h3{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.04em;margin:13px 0}.riki-pt .pt-color-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:23px}.riki-pt .pt-static-chips{display:flex;height:200px;gap:9px}.riki-pt .pt-static-chips span{background:var(--chip);flex:1;display:flex;align-items:end;padding:12px;font-size:12px;font-weight:700;min-width:0}.riki-pt .pt-articles article{border-top:2px solid #b4c6b7;padding:22px 10px 0 0}.riki-pt .pt-articles p{font-size:14px}.riki-pt .pt-source{font-size:12px;border-top:1px solid #e1e9df;padding-top:20px;margin-top:50px;color:#7b877c}
@media(max-width:800px){.riki-pt .pt-hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:75px;padding-bottom:65px}.riki-pt .pt-hero-art{max-width:270px;position:absolute;right:-115px;bottom:0;opacity:.35}.riki-pt .pt-hero-grid>div:first-child{position:relative;z-index:1}.riki-pt .pt-elements,.riki-pt .pt-tool-grid,.riki-pt .pt-color-guide{grid-template-columns:1fr}.riki-pt .pt-diagram{max-width:380px}.riki-pt .pt-direction-grid,.riki-pt .pt-articles{grid-template-columns:1fr 1fr}.riki-pt .pt-section{padding-top:70px;padding-bottom:75px}}
@media(max-width:560px){.riki-pt .pt-wrap{width:min(100% - 30px,1180px)}.riki-pt h1{font-size:clamp(2.6rem,10vw,3.7rem)}.riki-pt .pt-hero p{font-size:16px}.riki-pt .pt-nav .pt-wrap{gap:25px}.riki-pt .pt-two,.riki-pt .pt-direction-grid,.riki-pt .pt-articles{grid-template-columns:1fr}.riki-pt .pt-elements{gap:25px}.riki-pt .pt-element{width:73px;height:73px;border-width:4px;font-size:12px}.riki-pt .pt-element span{font-size:16px}.riki-pt .pt-e-moc{left:calc(50% - 36px)}.riki-pt .pt-rule{align-items:start;flex-direction:column;gap:4px}.riki-pt .pt-rule strong{text-align:left}.riki-pt .pt-result-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.riki-pt .pt-static-chips{height:145px}.riki-pt .pt-direction-card{min-height:auto}.riki-pt .pt-hero-art{right:-100px}}
@media print{.riki-pt .pt-hero,.riki-pt .pt-nav,.riki-pt .pt-form,.riki-pt #pt-ngu-hanh,.riki-pt #pt-huong-nha,.riki-pt #pt-mau-riki,.riki-pt #pt-kien-thuc,.riki-pt .pt-result-actions{display:none!important}.riki-pt .pt-tool-grid{display:block}.riki-pt .pt-result{box-shadow:none}.riki-pt .pt-section{padding:10px 0}}