@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/roboto@latest/700-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/open-sans@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/open-sans@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/open-sans@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/open-sans@latest/700-italic.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Open Sans',sans-serif;line-height:1.6;color:#2c3e50;background:#fff}
h1,h2,h3,h4,h5,h6{font-family:'Roboto',sans-serif}
.Hd{background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);padding:24px 0;box-shadow:0 4px 16px #03b9ff26}
.Hd .HdWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.Hd .HdTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.Hd .Lg{flex-shrink:0}
.Hd .LgLink{display:block;width:110px;height:110px;background:#fff;border-radius:28px;padding:12px;box-shadow:0 6px 20px #0000001f;transition:transform .3s ease-in}
.Hd .LgLink:hover{transform:scale(1.05)}
.Hd .LgImg{width:100%;height:100%;object-fit:contain}
.Hd .Nv{display:flex;gap:32px;align-items:center}
.Hd .NvItem{color:#fff;text-decoration:none;font-size:16px;font-weight:600;padding:10px 20px;border-radius:24px;transition:background-color .3s ease-in;white-space:nowrap}
.Hd .NvItem:hover{background-color:#ffffff2e}
.Hd .HdBtm{text-align:center}
.Hd .CompNm{color:#FEF6F9;font-size:15px;font-weight:300;letter-spacing:1.2px;opacity:.92}
.Ft{background:linear-gradient(180deg,#FEF6F9 0%,#fff 100%);padding:64px 0 32px;margin-top:80px;border-top:3px solid #03B9FF}
.Ft .FtWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.Ft .FtGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.Ft .FtHd{color:#B7146A;font-size:20px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #03B9FF}
.Ft .FtTxt{color:#4a5568;font-size:14px;line-height:1.7}
.Ft .FtList{list-style:none}
.Ft .FtList li{margin-bottom:12px}
.Ft .FtLnk{color:#4a5568;text-decoration:none;font-size:14px;transition:color .3s ease-in}
.Ft .FtLnk:hover{color:#03B9FF}
.Ft .FtCt{list-style:none}
.Ft .FtCtItem{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:#4a5568;font-size:14px}
.Ft .FtCtItem i{color:#B7146A;font-size:18px;flex-shrink:0;margin-top:2px}
.Ft .FtCtLnk{color:#4a5568;text-decoration:none;transition:color .3s ease-in}
.Ft .FtCtLnk:hover{color:#03B9FF}
.Ft .FtBtm{text-align:center;padding-top:32px;border-top:1px solid #03b9ff33}
.Ft .FtCopy{color:#718096;font-size:14px}
.CkPop{position:fixed;top:0;left:0;width:360px;max-width:90vw;background:#fff;border-radius:0 0 32px 0;box-shadow:4px 4px 32px #b7146a40;padding:32px;z-index:10000;transform:translateX(-100%);transition:transform .4s ease-in;display:none}
.CkPop.show{display:block;animation:slideInLeft .4s ease-in forwards}
.CkPop.hide{animation:slideOutLeft .4s ease-in forwards}
@keyframes slideInLeft {
from{transform:translateX(-100%)}
to{transform:translateX(0)}
}
@keyframes slideOutLeft {
from{transform:translateX(0)}
to{transform:translateX(-100%)}
}
.CkPop .CkHd{color:#B7146A;font-size:22px;font-weight:700;margin-bottom:16px}
.CkPop .CkTxt{color:#4a5568;font-size:14px;line-height:1.6;margin-bottom:24px}
.CkPop .CkGrp{margin-bottom:28px}
.CkPop .CkRow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #e2e8f0}
.CkPop .CkRow:last-child{border-bottom:none}
.CkPop .CkLbl{color:#2c3e50;font-size:14px;font-weight:600}
.CkPop .CkTgl{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}
.CkPop .CkTgl input{opacity:0;width:0;height:0}
.CkPop .CkSldr{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#cbd5e0;border-radius:28px;transition:background-color .3s ease-in}
.CkPop .CkSldr::before{content:'';position:absolute;height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform .3s ease-in}
.CkPop .CkTgl input:checked + .CkSldr{background-color:#03B9FF}
.CkPop .CkTgl input:checked + .CkSldr::before{transform:translateX(24px)}
.CkPop .CkTgl input:disabled + .CkSldr{background-color:#B7146A;opacity:.6;cursor:not-allowed}
.CkPop .CkBtns{display:flex;gap:12px}
.CkPop .CkBtn{flex:1;padding:12px 20px;border:2px solid #03B9FF;background:transparent;color:#03B9FF;font-size:15px;font-weight:600;border-radius:24px;cursor:pointer;transition:all .3s ease-in}
.CkPop .CkBtn:hover{background:#03b9ff1a}
.CkPop .CkDecline{border-color:#B7146A;color:#B7146A}
.CkPop .CkDecline:hover{background:#b7146a1a}
@media (max-width: 1024px) {
.Hd .HdTop{flex-direction:column;gap:20px}
.Hd .Nv{flex-wrap:wrap;justify-content:center;gap:16px}
.Ft .FtGrid{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 640px) {
.Hd{padding:16px 0}
.Hd .LgLink{width:80px;height:80px}
.Hd .Nv{gap:12px}
.Hd .NvItem{font-size:14px;padding:8px 16px}
.Ft{padding:48px 0 24px;margin-top:48px}
.CkPop{width:320px;padding:24px}
.CkPop .CkHd{font-size:18px}
}
.content-legal{max-width:1280px;margin:0 auto;padding:80px 24px;background:#fff}
.content-legal p{font-size:16px;line-height:1.75;color:#24292f;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.content-legal p:last-child{margin-bottom:0}
.content-legal ul,.content-legal ol{margin:0 0 32px;padding-left:32px;color:#24292f;font-size:16px;line-height:1.75;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
.content-legal ul{list-style-type:disc}
.content-legal ol{list-style-type:decimal}
.content-legal li{margin-bottom:12px;padding-left:8px}
.content-legal li:last-child{margin-bottom:0}
.content-legal ul ul,.content-legal ol ol,.content-legal ul ol,.content-legal ol ul{margin-top:12px;margin-bottom:12px}
.content-legal strong,.content-legal b{font-weight:600;color:#1f2328}
.content-legal a{color:#03B9FF;text-decoration:none;font-weight:500;transition:color .2s ease-in}
.content-legal a:hover{color:#B7146A;text-decoration:underline}
.content-legal a:focus{outline:2px solid #03B9FF;outline-offset:2px;border-radius:4px}
.content-legal hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#d0d7de,transparent);margin:48px 0}
@media (max-width: 1024px) {
.content-legal{padding:60px 20px}
.content-legal p,.content-legal ul,.content-legal ol{font-size:15px;line-height:1.7}
.content-legal ul,.content-legal ol{padding-left:28px}
}
@media (max-width: 640px) {
.content-legal{padding:40px 16px}
.content-legal p{margin-bottom:20px}
.content-legal p,.content-legal ul,.content-legal ol{font-size:14px;line-height:1.65}
.content-legal ul,.content-legal ol{margin-bottom:24px;padding-left:24px}
.content-legal li{margin-bottom:10px}
.content-legal hr{margin:32px 0}
}
.Hro{position:relative;min-height:580px;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);overflow:hidden;display:flex;align-items:center}
.Hro::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:200%;background:radial-gradient(circle,#fef6f926 0%,transparent 70%);border-radius:40% 60% 50% 50%}
.HroInr{position:relative;max-width:1280px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;z-index:2}
.HroTxt h1{font-size:3.2rem;font-weight:700;color:#FEF6F9;margin:0 0 24px;line-height:1.15;letter-spacing:-.02em}
.HroTxt p{font-size:1.3rem;color:#fef6f9f2;margin:0 0 16px;line-height:1.6}
.HroTxt p:last-child{margin-bottom:0}
.HroVis{position:relative;height:420px}
.HroVis img{position:absolute;border-radius:32px;box-shadow:0 16px 48px #0003;object-fit:cover}
.HroVis img:nth-child(1){width:280px;height:320px;top:0;left:0;z-index:3}
.HroVis img:nth-child(2){width:240px;height:280px;bottom:0;right:0;z-index:2}
.Stry{max-width:1280px;margin:0 auto;padding:100px 24px}
.StryGrd{display:grid;grid-template-columns:0.9fr 1.1fr;gap:80px;align-items:start}
.StryLft img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 32px #03b9ff26;object-fit:cover}
.StryRgt h2{font-size:2.6rem;font-weight:700;color:#B7146A;margin:0 0 32px;line-height:1.2}
.StryRgt h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#03B9FF,#B7146A);margin-bottom:20px;border-radius:4px}
.StryRgt p{font-size:1.1rem;color:#2d3748;line-height:1.75;margin:0 0 20px}
.StryRgt p:last-child{margin-bottom:0}
.Appr{background:#FEF6F9;padding:100px 24px}
.ApprWrp{max-width:1280px;margin:0 auto}
.ApprHd{text-align:center;margin-bottom:60px}
.ApprHd h2{font-size:2.8rem;font-weight:700;color:#B7146A;margin:0 0 16px;line-height:1.2}
.ApprHd p{font-size:1.2rem;color:#4a5568;max-width:720px;margin:0 auto;line-height:1.6}
.ApprCrds{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ApprCrd{background:#fff;padding:40px 32px;border-radius:24px;box-shadow:0 8px 24px #b7146a14;position:relative;transition:transform .3s ease-in,box-shadow .3s ease-in}
.ApprCrd:hover{transform:translateY(-8px);box-shadow:0 16px 40px #b7146a26}
.ApprIcn{width:56px;height:56px;background:linear-gradient(135deg,#03B9FF,#B7146A);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ApprIcn i{font-size:1.6rem;color:#fff}
.ApprCrd h3{font-size:1.5rem;font-weight:600;color:#2d3748;margin:0 0 16px;line-height:1.3}
.ApprCrd p{font-size:1rem;color:#4a5568;margin:0;line-height:1.7}
.Tm{max-width:1280px;margin:0 auto;padding:100px 24px}
.TmHd{margin-bottom:60px}
.TmHd h2{font-size:2.7rem;font-weight:700;color:#03B9FF;margin:0 0 20px;line-height:1.2;position:relative;display:inline-block}
.TmHd h2::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#03B9FF,transparent);border-radius:3px}
.TmHd p{font-size:1.15rem;color:#4a5568;max-width:800px;line-height:1.7;margin:24px 0 0}
.TmVals{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.TmVal{display:flex;gap:24px;align-items:start;padding:32px;background:linear-gradient(135deg,#03b9ff08,#b7146a08);border-radius:20px;border:2px solid transparent;transition:border-color .3s ease-in}
.TmVal:hover{border-color:#03B9FF}
.TmValIc{width:48px;height:48px;background:linear-gradient(135deg,#03B9FF,#B7146A);border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.TmValIc i{font-size:1.4rem;color:#fff}
.TmValTxt h3{font-size:1.4rem;font-weight:600;color:#2d3748;margin:0 0 12px;line-height:1.3}
.TmValTxt p{font-size:1rem;color:#4a5568;margin:0;line-height:1.65}
.TmImg{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.TmImg img{width:100%;height:380px;object-fit:cover;border-radius:28px;box-shadow:0 12px 32px #03b9ff1f}
@media (max-width: 1024px) {
.HroInr{grid-template-columns:1fr;gap:40px}
.HroTxt h1{font-size:2.6rem}
.HroVis{height:320px}
.HroVis img:nth-child(1){width:240px;height:280px}
.HroVis img:nth-child(2){width:200px;height:240px}
.StryGrd{grid-template-columns:1fr;gap:48px}
.ApprCrds{grid-template-columns:1fr}
.TmVals{grid-template-columns:1fr}
.TmImg{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.Hro{min-height:480px}
.HroInr{padding:60px 20px}
.HroTxt h1{font-size:2rem;margin-bottom:20px}
.HroTxt p{font-size:1.1rem}
.HroVis{height:280px}
.HroVis img:nth-child(1){width:200px;height:240px}
.HroVis img:nth-child(2){width:160px;height:200px}
.Stry{padding:60px 20px}
.StryRgt h2{font-size:2rem}
.Appr{padding:60px 20px}
.ApprHd h2{font-size:2.2rem}
.Tm{padding:60px 20px}
.TmHd h2{font-size:2.1rem}
.TmVal{padding:24px}
.TmImg img{height:280px}
}
.LrnHd{background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);padding:80px 20px;position:relative;overflow:hidden}
.LrnHd::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fef6f926 0%,transparent 70%);animation:rotGrad 15s ease-in-out infinite}
@keyframes rotGrad {
0%,100%{transform:rotate(0deg)}
50%{transform:rotate(180deg)}
}
.LrnHd .Ct{max-width:1280px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.LrnHd .TxtPrt{color:#FEF6F9}
.LrnHd .TxtPrt h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;font-weight:700;text-shadow:0 4px 16px #0003}
.LrnHd .TxtPrt .SubT{font-size:1.35rem;line-height:1.6;margin:0 0 32px;opacity:.95}
.LrnHd .HgLt{background:#fef6f933;padding:24px 28px;border-radius:24px;backdrop-filter:blur(8px);box-shadow:0 8px 32px #00000026}
.LrnHd .HgLt p{margin:0;font-size:1.1rem;line-height:1.7}
.LrnHd .ImgPrt{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.LrnHd .ImgPrt .ImgBx{border-radius:32px;overflow:hidden;box-shadow:0 12px 40px #00000040;transform:translateY(0);transition:transform .4s ease-in}
.LrnHd .ImgPrt .ImgBx:hover{transform:translateY(-8px)}
.LrnHd .ImgPrt .ImgBx:first-child{grid-column:1 / 3}
.LrnHd .ImgPrt .ImgBx img{width:100%;height:100%;object-fit:cover;display:block}
.LrnHd .ImgPrt .ImgBx:first-child img{height:320px}
.LrnHd .ImgPrt .ImgBx:nth-child(2) img{height:240px}
.PrgDt{padding:100px 20px;background:#FEF6F9;position:relative}
.PrgDt::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#03B9FF 0%,#B7146A 50%,#03B9FF 100%)}
.PrgDt .Ct{max-width:1280px;margin:0 auto}
.PrgDt .ScHd{text-align:center;margin-bottom:60px}
.PrgDt .ScHd h2{font-size:2.6rem;color:#B7146A;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.PrgDt .ScHd h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:#03B9FF;border-radius:3px}
.PrgDt .ScHd .Ds{font-size:1.2rem;color:#333;max-width:680px;margin:24px auto 0;line-height:1.65}
.TmLn{display:grid;gap:48px;position:relative;padding-left:60px}
.TmLn::before{content:'';position:absolute;left:19px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#03B9FF 0%,#B7146A 100%)}
.TmLn .Step{position:relative;background:#fff;padding:32px 36px;border-radius:28px;box-shadow:0 8px 24px #b7146a1f;transition:all .3s ease-in}
.TmLn .Step:hover{box-shadow:0 16px 48px #b7146a33;transform:translateX(8px)}
.TmLn .Step::before{content:'';position:absolute;left:-60px;top:32px;width:40px;height:40px;background:linear-gradient(135deg,#03B9FF,#B7146A);border-radius:50%;box-shadow:0 4px 16px #03b9ff66;border:4px solid #FEF6F9}
.TmLn .Step .Num{position:absolute;left:-49px;top:39px;color:#fff;font-weight:700;font-size:1.1rem;z-index:2}
.TmLn .Step h3{font-size:1.75rem;color:#B7146A;margin:0 0 12px;font-weight:600}
.TmLn .Step .Dur{display:inline-block;background:linear-gradient(90deg,#03B9FF,#B7146A);color:#fff;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:500;margin-bottom:16px}
.TmLn .Step p{color:#333;font-size:1.05rem;line-height:1.7;margin:0 0 16px}
.TmLn .Step .Ft{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.TmLn .Step .Tg{background:#FEF6F9;color:#B7146A;padding:8px 16px;border-radius:16px;font-size:.95rem;border:2px solid #03B9FF;font-weight:500}
.TmLn .Step .Prs{width:100%;height:8px;background:#FEF6F9;border-radius:8px;overflow:hidden;margin-top:16px;position:relative}
.TmLn .Step .Prs::before{content:'';position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#03B9FF,#B7146A);border-radius:8px}
.TmLn .Step:nth-child(1) .Prs::before{width:100%}
.TmLn .Step:nth-child(2) .Prs::before{width:85%}
.TmLn .Step:nth-child(3) .Prs::before{width:70%}
.TmLn .Step:nth-child(4) .Prs::before{width:45%}
.TmLn .Step:nth-child(5) .Prs::before{width:20%}
.EnrlBx{background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);padding:48px;border-radius:32px;text-align:center;margin-top:60px;box-shadow:0 16px 48px #03b9ff4d}
.EnrlBx h3{color:#fff;font-size:2rem;margin:0 0 16px;font-weight:700}
.EnrlBx p{color:#FEF6F9;font-size:1.15rem;margin:0 0 28px;line-height:1.6}
.EnrlBx .BtnWrp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.EnrlBx .Btn{padding:16px 36px;border-radius:28px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease-in;display:inline-block;position:relative;z-index:10}
.EnrlBx .BtnPrm{background:#fff;color:#B7146A;box-shadow:0 8px 24px #0003}
.EnrlBx .BtnPrm:hover{background:#FEF6F9;transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}
.EnrlBx .BtnSc{background:transparent;color:#fff;border:2px solid #fff}
.EnrlBx .BtnSc:hover{background:#ffffff26;transform:translateY(-4px)}
@media (max-width: 1024px) {
.LrnHd .Ct{grid-template-columns:1fr;gap:40px}
.LrnHd .TxtPrt h1{font-size:2.6rem}
.PrgDt .ScHd h2{font-size:2.2rem}
.TmLn{padding-left:50px}
.TmLn::before{left:14px}
.TmLn .Step::before{left:-50px;width:32px;height:32px}
.TmLn .Step .Num{left:-43px;top:35px;font-size:.95rem}
}
@media (max-width: 640px) {
.LrnHd{padding:60px 20px}
.LrnHd .TxtPrt h1{font-size:2rem}
.LrnHd .TxtPrt .SubT{font-size:1.1rem}
.LrnHd .ImgPrt{grid-template-columns:1fr}
.LrnHd .ImgPrt .ImgBx:first-child{grid-column:1}
.LrnHd .ImgPrt .ImgBx:first-child img,.LrnHd .ImgPrt .ImgBx:nth-child(2) img{height:240px}
.PrgDt{padding:60px 20px}
.PrgDt .ScHd h2{font-size:1.8rem}
.PrgDt .ScHd .Ds{font-size:1.05rem}
.TmLn{padding-left:40px}
.TmLn .Step{padding:24px 20px}
.TmLn .Step h3{font-size:1.4rem}
.EnrlBx{padding:32px 20px}
.EnrlBx h3{font-size:1.6rem}
.EnrlBx .BtnWrp{flex-direction:column}
.EnrlBx .Btn{width:100%}
}
.Hro{background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);padding:0;position:relative;overflow:hidden}
.Hro .inr{max-width:1280px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.Hro .cntWrp{flex:1;color:#fff;z-index:2}
.Hro .nmr{font-size:96px;font-weight:700;line-height:1;margin:0 0 16px;text-shadow:2px 4px 12px #00000026}
.Hro .ttl{font-size:42px;font-weight:600;line-height:1.2;margin:0 0 24px}
.Hro .dsc{font-size:18px;line-height:1.6;margin:0 0 36px;opacity:.95}
.Hro .imgWrp{flex:1;position:relative}
.Hro .imgWrp img{width:100%;height:480px;object-fit:cover;border-radius:24px;box-shadow:0 16px 48px #00000040}
.Hro .imgWrp::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#03b9ff33 0%,#b7146a4d 100%);border-radius:24px;pointer-events:none}
.Hro .actBtn{display:inline-flex;align-items:center;gap:12px;background:#fff;color:#B7146A;padding:16px 32px;border-radius:30px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease-in;box-shadow:0 8px 24px #00000026}
.Hro .actBtn:hover{transform:scale(1.05);box-shadow:0 12px 32px #00000040}
.Hro .actBtn i{font-size:20px}
.scdBlk{padding:100px 20px;background:#FEF6F9}
.scdBlk .inr{max-width:1280px;margin:0 auto}
.scdBlk .hdng{text-align:center;margin-bottom:60px}
.scdBlk .hdng h2{font-size:38px;font-weight:700;color:#B7146A;margin:0 0 16px}
.scdBlk .hdng p{font-size:18px;color:#333;line-height:1.6;max-width:720px;margin:0 auto}
.scdBlk .grd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.scdBlk .crd{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 4px 16px #00000014;transition:all .3s ease-in;position:relative;overflow:hidden}
.scdBlk .crd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#03B9FF 0%,#B7146A 100%)}
.scdBlk .crd:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}
.scdBlk .crd .icn{width:64px;height:64px;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:28px;color:#fff}
.scdBlk .crd h3{font-size:24px;font-weight:600;color:#333;margin:0 0 16px}
.scdBlk .crd p{font-size:16px;line-height:1.7;color:#555;margin:0 0 20px}
.scdBlk .crd .dtl{font-size:14px;color:#777;line-height:1.6}
.trstSec{padding:100px 20px;background:#fff}
.trstSec .inr{max-width:1280px;margin:0 auto}
.trstSec .hd{text-align:center;margin-bottom:70px}
.trstSec .hd h2{font-size:38px;font-weight:700;color:#B7146A;margin:0 0 20px}
.trstSec .hd .sub{font-size:18px;color:#555;line-height:1.6}
.trstSec .twCol{display:flex;gap:60px;align-items:flex-start}
.trstSec .lftCol{flex:1}
.trstSec .rgtCol{flex:1}
.trstSec .imgBx{width:100%;height:420px;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #0000001f;position:relative}
.trstSec .imgBx img{width:100%;height:100%;object-fit:cover}
.trstSec .imgBx::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#b7146a66,transparent)}
.trstSec .statGrp{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:32px}
.trstSec .statItm{background:#FEF6F9;padding:28px 24px;border-radius:20px;border-left:4px solid #03B9FF}
.trstSec .statItm .num{font-size:36px;font-weight:700;color:#B7146A;margin:0 0 8px}
.trstSec .statItm .lbl{font-size:15px;color:#555;line-height:1.5}
.trstSec .cntBox{margin-bottom:32px}
.trstSec .cntBox h3{font-size:28px;font-weight:600;color:#333;margin:0 0 20px;position:relative;padding-left:20px}
.trstSec .cntBox h3::before{content:'';position:absolute;left:0;top:4px;width:4px;height:24px;background:linear-gradient(180deg,#03B9FF 0%,#B7146A 100%);border-radius:2px}
.trstSec .cntBox p{font-size:16px;line-height:1.8;color:#555;margin:0 0 16px}
.trstSec .lstBox{list-style:none;padding:0;margin:24px 0 0}
.trstSec .lstBox li{font-size:16px;color:#555;padding:12px 0 12px 36px;position:relative;line-height:1.6}
.trstSec .lstBox li::before{content:'\f26b';font-family:'bootstrap-icons';position:absolute;left:0;top:12px;color:#03B9FF;font-size:20px}
.prtnrBlk{padding:100px 20px;background:linear-gradient(180deg,#FEF6F9 0%,#fff 100%)}
.prtnrBlk .inr{max-width:1280px;margin:0 auto}
.prtnrBlk .hdr{text-align:center;margin-bottom:60px}
.prtnrBlk .hdr h2{font-size:38px;font-weight:700;color:#B7146A;margin:0 0 16px}
.prtnrBlk .hdr p{font-size:18px;color:#555;line-height:1.6}
.prtnrBlk .flxWrp{display:flex;gap:48px;align-items:center}
.prtnrBlk .imgSide{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.prtnrBlk .imgSide .pic{width:100%;height:280px;border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #0000001a}
.prtnrBlk .imgSide .pic img{width:100%;height:100%;object-fit:cover}
.prtnrBlk .cntSide{flex:1}
.prtnrBlk .revBox{background:#fff;padding:36px 32px;border-radius:24px;box-shadow:0 8px 24px #00000014;margin-bottom:28px;position:relative;border-top:3px solid #03B9FF}
.prtnrBlk .revBox .qte{font-size:48px;color:#B7146A;opacity:.2;position:absolute;top:20px;left:20px}
.prtnrBlk .revBox .txt{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px;font-style:italic}
.prtnrBlk .revBox .auth{display:flex;align-items:center;gap:12px}
.prtnrBlk .revBox .auth .nm{font-size:16px;font-weight:600;color:#333}
.prtnrBlk .revBox .auth .rl{font-size:14px;color:#777}
.prtnrBlk .revBox .auth .dot{width:4px;height:4px;background:#B7146A;border-radius:50%}
.prtnrBlk .actZone{margin-top:40px;text-align:center}
.prtnrBlk .actZone .lnk{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);color:#fff;padding:16px 36px;border-radius:30px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease-in;box-shadow:0 6px 20px #b7146a4d}
.prtnrBlk .actZone .lnk:hover{transform:scale(1.06);box-shadow:0 10px 28px #b7146a66}
.prtnrBlk .actZone .lnk i{font-size:18px}
@media (max-width: 1024px) {
.Hro .inr{flex-direction:column;padding:60px 20px;gap:40px}
.Hro .nmr{font-size:72px}
.Hro .ttl{font-size:36px}
.Hro .imgWrp img{height:380px}
.scdBlk .grd{grid-template-columns:1fr;gap:24px}
.trstSec .twCol{flex-direction:column;gap:40px}
.prtnrBlk .flxWrp{flex-direction:column;gap:40px}
}
@media (max-width: 640px) {
.Hro .nmr{font-size:56px}
.Hro .ttl{font-size:28px}
.Hro .dsc{font-size:16px}
.Hro .imgWrp img{height:300px}
.Hro .actBtn{padding:14px 28px;font-size:16px}
.scdBlk,.trstSec,.prtnrBlk{padding:60px 20px}
.scdBlk .hdng h2,.trstSec .hd h2,.prtnrBlk .hdr h2{font-size:30px}
.trstSec .imgBx{height:320px}
.trstSec .statGrp{grid-template-columns:1fr}
.prtnrBlk .imgSide{grid-template-columns:1fr}
}
.Ct{position:relative;width:100%;overflow:hidden;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);padding:80px 20px 100px}
.Ct::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./site_images/HDR_2_3.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.Ct-in{position:relative;z-index:2;max-width:1280px;margin:0 auto}
.Ct-in h1{font-size:3.2rem;line-height:1.15;font-weight:700;color:#FEF6F9;margin:0 0 18px;text-shadow:0 4px 16px #00000040}
.Ct-in .sub{font-size:1.3rem;line-height:1.6;color:#FEF6F9;margin:0;opacity:.95;max-width:640px}
.Wrp{max-width:1280px;margin:-60px auto 0;padding:0 20px 80px;position:relative;z-index:3}
.FormBlock{background:#FEF6F9;border-radius:32px;padding:60px;box-shadow:0 20px 60px #03b9ff1f 0 8px 24px #b7146a14;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.FormBlock-left{display:flex;flex-direction:column;gap:32px}
.FormBlock-left h2{font-size:2rem;font-weight:700;color:#B7146A;margin:0 0 12px}
.FormBlock-left p{font-size:1.05rem;line-height:1.7;color:#333;margin:0}
.ImgSide{width:100%;height:360px;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #00000014}
.ImgSide img{width:100%;height:100%;object-fit:cover;display:block}
.InfBlk{display:flex;flex-direction:column;gap:20px}
.InfBlk-item{display:flex;align-items:flex-start;gap:16px}
.InfBlk-item i{font-size:1.5rem;color:#03B9FF;margin-top:2px;flex-shrink:0}
.InfBlk-item .txt{display:flex;flex-direction:column;gap:4px}
.InfBlk-item .txt strong{font-size:.95rem;font-weight:600;color:#B7146A;text-transform:uppercase;letter-spacing:.5px}
.InfBlk-item .txt span{font-size:1.05rem;color:#333}
.FormBlock-right{display:flex;flex-direction:column}
.FormBlock-right h3{font-size:1.5rem;font-weight:600;color:#333;margin:0 0 28px}
.FrmGrp{margin-bottom:24px}
.FrmGrp label{display:block;font-size:.95rem;font-weight:600;color:#333;margin-bottom:8px}
.FrmGrp input[type="email"],.FrmGrp textarea{width:100%;padding:14px 18px;font-size:1rem;color:#333;background:#fff;border:2px solid #E0E0E0;border-radius:12px;transition:all .3s ease-in;font-family:inherit}
.FrmGrp input[type="email"]:focus,.FrmGrp textarea:focus{outline:none;border-color:#03B9FF;box-shadow:0 0 0 4px #03b9ff1a}
.FrmGrp textarea{min-height:140px;resize:vertical}
.RtBlk{margin-bottom:28px}
.RtBlk label{display:block;font-size:.95rem;font-weight:600;color:#333;margin-bottom:12px}
.RtOpt{display:flex;gap:12px;flex-wrap:wrap}
.RtOpt input[type="radio"]{display:none}
.RtOpt input[type="radio"] + .rb{display:flex;align-items:center;justify-content:center;width:46px;height:46px;font-size:1.1rem;font-weight:600;color:#666;background:#fff;border:2px solid #E0E0E0;border-radius:12px;cursor:pointer;transition:all .3s ease-in}
.RtOpt input[type="radio"]:checked + .rb{background:linear-gradient(135deg,#03B9FF,#B7146A);color:#fff;border-color:#03B9FF;transform:scale(1.08);box-shadow:0 4px 16px #03b9ff4d}
.RtOpt input[type="radio"] + .rb:hover{border-color:#03B9FF;transform:scale(1.04)}
.ChkWrp{margin-bottom:28px}
.ChkWrp input[type="checkbox"]{display:none}
.ChkWrp input[type="checkbox"] + .ckLbl{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:.95rem;line-height:1.6;color:#555}
.ChkWrp input[type="checkbox"] + .ckLbl::before{content:'';width:22px;height:22px;border:2px solid #E0E0E0;border-radius:6px;background:#fff;flex-shrink:0;margin-top:2px;transition:all .3s ease-in}
.ChkWrp input[type="checkbox"]:checked + .ckLbl::before{background:linear-gradient(135deg,#03B9FF,#B7146A);border-color:#03B9FF}
.ChkWrp a{color:#03B9FF;text-decoration:none;font-weight:600}
.ChkWrp a:hover{text-decoration:underline}
.BtnSub{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#03B9FF,#B7146A);border:none;border-radius:14px;cursor:pointer;transition:all .3s ease-in;box-shadow:0 8px 24px #03b9ff40;z-index:10;position:relative}
.BtnSub:hover{transform:translateY(-3px);box-shadow:0 12px 32px #03b9ff59}
.BtnSub:active{transform:translateY(-1px)}
@media (max-width: 1024px) {
.FormBlock{grid-template-columns:1fr;gap:40px;padding:48px 40px}
.Ct-in h1{font-size:2.6rem}
.Ct-in .sub{font-size:1.15rem}
}
@media (max-width: 640px) {
.Ct{padding:60px 16px 80px}
.Ct-in h1{font-size:2rem}
.Ct-in .sub{font-size:1.05rem}
.Wrp{padding:0 16px 60px}
.FormBlock{padding:32px 24px;border-radius:24px}
.FormBlock-left h2{font-size:1.6rem}
.ImgSide{height:280px}
.RtOpt{gap:8px}
.RtOpt input[type="radio"] + .rb{width:42px;height:42px;font-size:1rem}
}
.SuccWrp{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#FEF6F9 0%,#E8F9FF 100%);position:relative;overflow:hidden}
.SuccWrp::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(90deg,#03b9ff08 1px,transparent 1px),linear-gradient(0deg,#03b9ff08 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.SuccCt{max-width:720px;width:100%;margin:0 auto;position:relative;z-index:1}
.SuccBx{background:#fff;border-radius:32px;padding:80px 60px;text-align:center;box-shadow:0 8px 32px #03b9ff14 0 2px 8px #b7146a0a;position:relative}
.IcnWrp{width:120px;height:120px;margin:0 auto 40px;position:relative}
.IcnCirc{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);display:flex;align-items:center;justify-content:center;position:relative;animation:ScPls 2s ease-out}
@keyframes ScPls {
0%{transform:scale(0.3);opacity:0}
50%{transform:scale(1.05)}
100%{transform:scale(1);opacity:1}
}
.IcnCirc::after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;border:2px solid #03B9FF;opacity:.3;animation:PulseRng 2s ease-in-out infinite}
@keyframes PulseRng {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.1}
}
.IcnCirc i{font-size:56px;color:#fff;animation:ChkIn .8s ease-out .3s backwards}
@keyframes ChkIn {
0%{transform:scale(0) rotate(-45deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.TtlMain{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 20px;animation:FdUp .6s ease-out .4s backwards}
@keyframes FdUp {
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
.TtlSub{font-size:20px;font-weight:500;line-height:1.5;color:#B7146A;margin:0 0 16px;animation:FdUp .6s ease-out .5s backwards}
.TxtDesc{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 48px;animation:FdUp .6s ease-out .6s backwards}
.InfoGrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:0 0 48px;animation:FdUp .6s ease-out .7s backwards}
.InfoCrd{background:linear-gradient(135deg,#F8FCFF 0%,#FEF6F9 100%);border-radius:20px;padding:32px 24px;border:2px solid #03b9ff1a;transition:all .3s ease-in}
.InfoCrd:hover{transform:translateY(-4px);box-shadow:0 12px 24px #03b9ff26;border-color:#03b9ff4d}
.InfoCrd i{font-size:32px;color:#03B9FF;display:block;margin:0 0 16px}
.InfoCrd h3{font-size:16px;font-weight:600;color:#2a2a2a;margin:0 0 8px}
.InfoCrd p{font-size:15px;line-height:1.6;color:#666;margin:0}
.BtnGrp{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:FdUp .6s ease-out .8s backwards}
.BtnPrim{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#03B9FF 0%,#B7146A 100%);border:none;border-radius:28px;text-decoration:none;transition:all .3s ease-in;box-shadow:0 4px 16px #03b9ff4d;cursor:pointer;position:relative;z-index:2}
.BtnPrim:hover{transform:translateY(-2px);box-shadow:0 8px 24px #03b9ff66;color:#fff}
.BtnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;font-size:17px;font-weight:600;color:#03B9FF;background:#fff;border:2px solid #03B9FF;border-radius:28px;text-decoration:none;transition:all .3s ease-in;cursor:pointer;position:relative;z-index:2}
.BtnSec:hover{background:#03B9FF;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #03b9ff40}
.EmailNote{margin:40px 0 0;padding:24px;background:#03b9ff0d;border-radius:16px;border-left:4px solid #03B9FF;animation:FdUp .6s ease-out .9s backwards}
.EmailNote p{font-size:15px;line-height:1.6;color:#555;margin:0}
.EmailNote strong{color:#B7146A;font-weight:600}
@media (max-width: 768px) {
.SuccBx{padding:60px 32px;border-radius:24px}
.TtlMain{font-size:32px}
.TtlSub{font-size:18px}
.TxtDesc{font-size:16px}
.InfoGrd{grid-template-columns:1fr;gap:16px}
.BtnGrp{flex-direction:column;align-items:stretch}
.BtnPrim,.BtnSec{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.SuccWrp{padding:40px 16px}
.SuccBx{padding:40px 24px}
.IcnWrp{width:100px;height:100px;margin-bottom:32px}
.IcnCirc i{font-size:48px}
.TtlMain{font-size:28px}
.InfoCrd{padding:24px 20px}
}