*{box-sizing:border-box}
html{font-size:100%}
body{margin:0;font-family:'Public Sans',sans-serif;background:#0a0a0a;color:#e8e8e8;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
::selection{background:#00e8d41a}
:focus{outline:2px solid #00E8D4;outline-offset:2px;animation:focusFade .6s ease}
@keyframes focusFade {
from{outline-color:transparent}
to{outline-color:#00E8D4}
}
input::placeholder,textarea::placeholder{transition:opacity .5s ease}
input:focus::placeholder,textarea:focus::placeholder{opacity:0}
.hdr{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);border-bottom:2px solid #00E8D4;box-shadow:2px 6px 18px 0 #00e8d41a;position:relative;padding:24px 40px}
.hdr-wrp{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr auto;gap:40px;align-items:center}
.lg-ctnr{display:flex;flex-direction:column;gap:6px;background:#050505;padding:12px 24px;border:1px solid #00E8D4;border-radius:6px;box-shadow:2px 2px 5px 0 #00e8d414}
.lg{width:75px;height:75px;object-fit:contain}
.lg-tg{font-family:'Roboto Mono',monospace;font-size:15px;line-height:1.1;color:#00E8D4;text-align:center;letter-spacing:.05em}
.nv{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;align-items:center}
.nv a{font-family:'Public Sans',sans-serif;font-size:15px;font-weight:700;line-height:1.35;color:#e8e8e8;text-decoration:none;padding:12px 24px;border:2px solid transparent;border-radius:30px;transition:border-color .6s ease,box-shadow .6s cubic-bezier(0.25,0.46,0.45,0.94);position:relative}
.nv a:hover{border-color:#FA1B9F;box-shadow:2px 6px 18px 0 #fa1b9f1a}
.hdr-cntct{display:flex;flex-direction:column;gap:6px;padding:12px 24px;background:linear-gradient(180deg,#FA1B9F 0%,#00E8D4 100%);border-radius:46px;box-shadow:2px 8px 40px 0 #fa1b9f1c}
.hdr-cntct-itm{display:flex;align-items:center;gap:6px;font-size:15px;line-height:1.1;color:#0a0a0a;font-weight:700}
.hdr-cntct-itm svg{width:16px;height:16px;fill:#0a0a0a}
@media (max-width: 1024px) {
.hdr-wrp{grid-template-columns:1fr;gap:24px;justify-items:center}
.nv{width:100%}
}
@media (max-width: 768px) {
.hdr{padding:24px}
.nv{flex-direction:column;gap:12px}
.nv a{width:100%;text-align:center}
.hdr-cntct{width:100%}
}
.ftr{background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border-top:2px solid #FFCB0F;padding:80px 40px 40px;margin-top:80px;position:relative}
.ftr::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00E8D4 0%,#FA1B9F 50%,#FFCB0F 100%)}
.ftr-wrp{max-width:1140px;margin:0 auto}
.ftr-grd{display:grid;grid-template-columns:repeat(3,1fr);gap:80px;margin-bottom:80px}
.ftr-cl{display:flex;flex-direction:column;gap:24px}
.ftr-cl-ttl{font-family:'Roboto Mono',monospace;font-size:28px;font-weight:700;line-height:1.1;color:#00E8D4;letter-spacing:.02em;padding-bottom:12px;border-bottom:2px solid #FA1B9F}
.ftr-lnks{display:flex;flex-direction:column;gap:12px}
.ftr-lnks a{font-size:15px;line-height:1.6;color:#e8e8e8;text-decoration:none;padding:6px 12px;border-left:3px solid transparent;transition:border-color .7s cubic-bezier(0.25,0.46,0.45,0.94),padding-left .5s ease}
.ftr-lnks a:hover{border-left-color:#FFCB0F;padding-left:24px}
.ftr-cntct-itm{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.6;color:#e8e8e8}
.ftr-cntct-itm svg{width:20px;height:20px;fill:#FA1B9F;flex-shrink:0;margin-top:2px}
.ftr-cntct-itm a{color:#00E8D4;text-decoration:none;transition:color .6s ease}
.ftr-cntct-itm a:hover{color:#FFCB0F}
.ftr-lg-ctnr{display:flex;justify-content:flex-end;align-items:center;padding:24px 0}
.ftr-lg-wrp{background:#050505;padding:12px 24px;border:2px solid #FA1B9F;border-radius:30px;box-shadow:2px 8px 40px 0 #fa1b9f1c}
.ftr-lg{width:70px;height:70px;object-fit:contain}
.ftr-btm{padding-top:40px;border-top:1px solid #00e8d433;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.cpyrght{font-family:'Roboto Mono',monospace;font-size:15px;line-height:1.35;color:#888;letter-spacing:.03em}
.ftr-sc{display:flex;gap:24px}
.ftr-sc a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid #00E8D4;border-radius:46px;transition:border-color .6s ease,box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.ftr-sc a:hover{border-color:#FFCB0F;box-shadow:2px 6px 18px 0 #ffcb0f1a}
.ftr-sc svg{width:20px;height:20px;fill:#e8e8e8}
@media (max-width: 1024px) {
.ftr-grd{grid-template-columns:1fr;gap:40px}
.ftr-lg-ctnr{justify-content:center}
}
@media (max-width: 768px) {
.ftr{padding:40px 24px 24px}
.ftr-btm{flex-direction:column;text-align:center}
.ftr-sc{justify-content:center}
}
.ckpop{position:fixed;top:40px;left:0;right:0;margin:0 auto;width:90%;max-width:600px;background:linear-gradient(135deg,#1a1a1a 0%,#0f0f0f 100%);border:2px solid #00E8D4;border-radius:30px;padding:40px;box-shadow:2px 8px 40px 0 #00e8d41c;z-index:1000;display:none}
.ckpop-actv{display:block}
.ckpop-tbs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #fa1b9f4d}
.ckpop-tb{font-family:'Public Sans',sans-serif;font-size:15px;font-weight:700;line-height:1.35;color:#888;background:transparent;border:none;padding:12px 24px;cursor:pointer;transition:color .6s ease,border-bottom .5s cubic-bezier(0.25,0.46,0.45,0.94);border-bottom:3px solid transparent}
.ckpop-tb-actv{color:#00E8D4;border-bottom-color:#FA1B9F}
.ckpop-vw{display:none}
.ckpop-vw-actv{display:block}
.ckpop-ttl{font-family:'Roboto Mono',monospace;font-size:28px;font-weight:700;line-height:1.1;color:#e8e8e8;margin-bottom:24px}
.ckpop-txt{font-size:15px;line-height:1.6;color:#e8e8e8;margin-bottom:24px}
.ckpop-dtl{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.ckpop-dtl-itm{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#00e8d40d;border-left:3px solid #FA1B9F;border-radius:6px}
.ckpop-dtl-itm svg{width:16px;height:16px;fill:#FFCB0F;flex-shrink:0;margin-top:2px}
.ckpop-dtl-txt{font-size:15px;line-height:1.6;color:#e8e8e8}
.ckpop-dtl-txt strong{color:#00E8D4}
.ckpop-btns{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}
.ckpop-btn{font-family:'Public Sans',sans-serif;font-size:15px;font-weight:700;line-height:1.35;color:#e8e8e8;background:transparent;border:2px solid #00E8D4;padding:12px 40px;border-radius:30px;cursor:pointer;transition:border-color .6s ease,box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94),color .5s ease}
.ckpop-btn:hover{border-color:#FA1B9F;box-shadow:2px 6px 18px 0 #fa1b9f1a}
.ckpop-btn-prm{border-color:#FFCB0F}
.ckpop-btn-prm:hover{border-color:#00E8D4;box-shadow:2px 6px 18px 0 #00e8d41a}
@media (max-width: 768px) {
.ckpop{top:24px;width:95%;padding:24px}
.ckpop-btns{flex-direction:column}
.ckpop-btn{width:100%}
}
.doc-wjz-box{max-width:1140px;margin:0 auto;padding:80px 24px;background:#0a0a0a;color:#e8e8e8}
.doc-wjz-box h1{font-size:68px;line-height:1.1;margin:0 0 40px;color:#00E8D4}
.doc-wjz-box h2{font-size:38px;line-height:1.35;margin:80px 0 24px;color:#FA1B9F}
.doc-wjz-box h3{font-size:28px;line-height:1.35;margin:40px 0 24px;color:#FFCB0F}
.doc-wjz-box h4,.doc-wjz-box h5,.doc-wjz-box h6{font-size:15px;line-height:1.6;margin:24px 0 12px;color:#00E8D4;letter-spacing:.08em;text-transform:uppercase}
.doc-wjz-box p{font-size:15px;line-height:1.8;margin:0 0 24px;color:#e8e8e8}
.doc-wjz-box ul,.doc-wjz-box ol{font-size:15px;line-height:1.8;margin:0 0 24px;padding:0 0 0 24px;color:#e8e8e8}
.doc-wjz-box li{margin:0 0 12px}
.doc-wjz-box li:last-child{margin-bottom:0}
.doc-wjz-box a{color:#00E8D4;text-decoration:none;border-bottom:1px solid #00e8d44d;transition:border-color 600ms cubic-bezier(0.25,0.46,0.45,0.94)}
.doc-wjz-box a:hover{border-bottom-color:#00E8D4}
.doc-wjz-box hr{border:none;height:1px;background:#00e8d426;margin:80px 0}
.doc-wjz-box div{margin:0 0 40px}
@media (max-width: 768px) {
.doc-wjz-box{padding:40px 24px}
.doc-wjz-box h1{font-size:38px;margin-bottom:24px}
.doc-wjz-box h2{font-size:28px;margin-top:40px}
.doc-wjz-box h3{font-size:15px;margin-top:24px}
.doc-wjz-box hr{margin:40px 0}
}
@media (max-width: 480px) {
.doc-wjz-box{padding:24px 12px}
.doc-wjz-box h1{font-size:28px}
}
.lrnpg{background:#0a0a0a;color:#e8e8e8;min-height:100vh}
.lrnpg .prgrsbar{position:fixed;top:0;left:0;width:100%;height:4px;background:#00e8d41a;z-index:1000}
.lrnpg .prgrsbar::before{content:'';position:absolute;top:0;left:0;height:100%;width:var(--scroll-progress,0%);background:linear-gradient(90deg,#00E8D4,#FA1B9F);transition:width 200ms}
.lrnpg .brdcrmb{max-width:1140px;margin:0 auto;padding:24px 24px 0;display:flex;gap:12px;align-items:center;font-size:15px;line-height:1.35}
.lrnpg .brdcrmb a{color:#00E8D4;text-decoration:none;transition:color .6s ease}
.lrnpg .brdcrmb a:hover{color:#FA1B9F}
.lrnpg .brdcrmb .sep{width:6px;height:6px;background:#FA1B9F;border-radius:50%;opacity:.4}
.lrnpg .brdcrmb .crrnt{color:#888}
.lrnpg .ttlsct{position:relative;max-width:1140px;margin:0 auto;padding:80px 24px 40px;overflow:hidden}
.lrnpg .ttlsct::before{content:'';position:absolute;top:0;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#00e8d414 0%,transparent 70%);filter:blur(80px);pointer-events:none}
.lrnpg .ttlsct::after{content:'';position:absolute;bottom:0;right:-10%;width:350px;height:350px;background:radial-gradient(circle,#fa1b9f0f 0%,transparent 70%);filter:blur(80px);pointer-events:none}
.lrnpg .imgwrp{position:relative;width:100%;aspect-ratio:16/9;margin-bottom:40px;border-radius:6px;overflow:hidden;box-shadow:2px 8px 40px 0 #00e8d41c}
.lrnpg .imgwrp img{width:100%;height:100%;object-fit:cover;filter:sepia(100%) hue-rotate(140deg) saturate(1.8);transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.lrnpg .imgwrp:hover img{transform:scale(1.03)}
.lrnpg .ttlcntnt h1{font-size:68px;line-height:1.1;margin:0 0 24px;color:#fff;letter-spacing:-1px}
.lrnpg .ttlcntnt .mtasct{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:24px;font-size:15px;line-height:1.35}
.lrnpg .mtaitem{display:flex;align-items:center;gap:6px;color:#aaa}
.lrnpg .mtaitem svg{width:16px;height:16px;fill:#00E8D4}
.lrnpg .mtaitem .nmb{color:#FA1B9F;font-weight:600}
.lrnpg .ttlcntnt .dsc{font-size:15px;line-height:1.6;color:#bbb;max-width:800px}
.lrnpg .spltsct{max-width:1140px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 3fr;gap:40px}
.lrnpg .sdbar{position:relative}
.lrnpg .prcbx{background:linear-gradient(135deg,#00e8d41a 0%,#fa1b9f14 100%);border-radius:30px;padding:40px 24px;border:1px solid #00e8d433;position:sticky;top:80px;transition:box-shadow .6s ease}
.lrnpg .prcbx:hover{box-shadow:2px 8px 40px 0 #00e8d41c}
.lrnpg .prcbx h3{font-size:28px;line-height:1.35;margin:0 0 12px;color:#fff}
.lrnpg .prcamt{font-size:68px;line-height:1.1;color:#00E8D4;margin:0 0 6px;font-weight:600}
.lrnpg .prctrm{font-size:15px;line-height:1.6;color:#aaa;margin-bottom:24px}
.lrnpg .prcnt{font-size:15px;line-height:1.6;color:#bbb;margin-bottom:24px;padding:12px;background:#ffcb0f0d;border-radius:6px;border-left:3px solid #FFCB0F}
.lrnpg .dtllist{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.lrnpg .dtlitem{display:flex;justify-content:space-between;font-size:15px;line-height:1.35;padding-bottom:12px;border-bottom:1px solid #ffffff1a}
.lrnpg .dtlitem .lbl{color:#888}
.lrnpg .dtlitem .vl{color:#FA1B9F;font-weight:600}
.lrnpg .ctatwrp{position:relative;overflow:hidden}
.lrnpg .ctabtn{display:block;width:100%;padding:24px;background:transparent;border:2px solid #00E8D4;border-radius:46px;color:#00E8D4;font-size:15px;line-height:1.35;text-align:center;text-decoration:none;transition:all .6s cubic-bezier(0.25,0.46,0.45,0.94);position:relative;z-index:1}
.lrnpg .ctabtn::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;background:linear-gradient(180deg,#00E8D4,#FA1B9F);z-index:-1;transition:height .7s cubic-bezier(0.25,0.46,0.45,0.94);border-radius:46px}
.lrnpg .ctabtn:hover{color:#0a0a0a;box-shadow:2px 8px 40px 0 #00e8d41c}
.lrnpg .ctabtn:hover::before{height:100%}
.lrnpg .mncntnt{position:relative}
.lrnpg .mncntnt::before{content:'';position:absolute;top:40px;right:-12px;width:0;height:0;border-left:12px solid #ffcb0f26;border-top:12px solid transparent;border-bottom:12px solid transparent;opacity:.6}
.lrnpg .cntblk{background:#0f0f0f99;border-radius:6px;padding:40px;margin-bottom:40px;border:1px solid #ffffff0d}
.lrnpg .cntblk h2{font-size:38px;line-height:1.35;margin:0 0 24px;color:#fff}
.lrnpg .cntblk h3{font-size:28px;line-height:1.35;margin:24px 0 12px;color:#00E8D4}
.lrnpg .cntblk p{font-size:15px;line-height:1.8;color:#ccc;margin:0 0 24px}
.lrnpg .cntblk ul,.lrnpg .cntblk ol{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.lrnpg .cntblk li{font-size:15px;line-height:1.6;color:#ccc;padding-left:24px;position:relative}
.lrnpg .cntblk ul li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:#FA1B9F;border-radius:50%}
.lrnpg .cntblk ol{counter-reset:item}
.lrnpg .cntblk ol li{counter-increment:item}
.lrnpg .cntblk ol li::before{content:counter(item);position:absolute;left:0;top:0;color:#00E8D4;font-weight:600;font-size:15px}
.lrnpg .cntblk mark{background:#ffcb0f33;color:#FFCB0F;padding:2px 6px;border-radius:3px}
.lrnpg .cntblk em{color:#FA1B9F;font-style:italic}
.lrnpg .cntblk blockquote{margin:24px 0;padding:24px;background:#00e8d40d;border-left:4px solid #00E8D4;border-radius:6px;font-size:15px;line-height:1.8;color:#ccc}
.lrnpg .cntblk cite{display:block;margin-top:12px;color:#888;font-size:15px;line-height:1.35;font-style:normal}
.lrnpg .cntblk figure{margin:24px 0}
.lrnpg .cntblk figcaption{margin-top:12px;font-size:15px;line-height:1.35;color:#888;text-align:center}
.lrnpg .cntblk details{margin:24px 0;background:#fa1b9f0d;border-radius:6px;overflow:hidden}
.lrnpg .cntblk summary{padding:24px;cursor:pointer;font-size:15px;line-height:1.35;color:#FA1B9F;font-weight:600;transition:background .5s ease;user-select:none}
.lrnpg .cntblk summary:hover{background:#fa1b9f1a}
.lrnpg .cntblk details[open] summary{border-bottom:1px solid #fa1b9f33}
.lrnpg .cntblk details > :not(summary){padding:24px}
.lrnpg .fllcntnt{background:#FA1B9F;position:relative;overflow:hidden}
.lrnpg .fllcntnt::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0zNiAxOGMzLjMxNCAwIDYgMi42ODYgNiA2cy0yLjY4NiA2LTYgNi02LTIuNjg2LTYtNiAyLjY4Ni02IDYtNiIgc3Ryb2tlPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUpIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9zdmc+);opacity:.3;pointer-events:none}
.lrnpg .fllcntnt .cntblk{background:#0003;border:1px solid #ffffff1a;color:#fff;position:relative;backdrop-filter:blur(20px)}
.lrnpg .fllcntnt .cntblk h2{color:#fff}
.lrnpg .fllcntnt .cntblk h3{color:#FFCB0F}
.lrnpg .fllcntnt .cntblk p,.lrnpg .fllcntnt .cntblk li{color:#f5f5f5}
.lrnpg .fllcntnt .cntblk mark{background:#ffcb0f4d;color:#fff}
.lrnpg .fllcntnt .cntblk blockquote{background:#ffffff1a;border-left-color:#FFCB0F;color:#f5f5f5}
.lrnpg .dscsct{max-width:1140px;margin:0 auto;padding:40px 24px 80px;clip-path:polygon(0 40px,100% 0,100% 100%,0 100%);background:linear-gradient(135deg,#0006 0%,#0a0a0acc 100%)}
.lrnpg .dscsct .cntblk{background:transparent;border:none;padding:0 0 40px}
@media (max-width: 1024px) {
.lrnpg .spltsct{grid-template-columns:1fr}
.lrnpg .prcbx{position:static}
.lrnpg .ttlcntnt h1{font-size:38px}
.lrnpg .prcamt{font-size:38px}
}
@media (max-width: 768px) {
.lrnpg .ttlcntnt h1{font-size:28px}
.lrnpg .cntblk h2{font-size:28px}
.lrnpg .cntblk h3{font-size:15px}
.lrnpg .cntblk{padding:24px}
.lrnpg .prcbx{padding:24px}
}
@media (max-width: 480px) {
.lrnpg .ttlsct{padding:40px 12px 24px}
.lrnpg .spltsct{padding:24px 12px;gap:24px}
.lrnpg .dscsct{padding:24px 12px 40px}
.lrnpg .brdcrmb{padding:12px 12px 0}
}
.lrnpg ::selection{background:#00e8d41a}
.lrnpg input::placeholder,.lrnpg textarea::placeholder{opacity:1;transition:opacity .6s ease}
.lrnpg input:focus::placeholder,.lrnpg textarea:focus::placeholder{opacity:0}
.lrnprgpg{background:#0a0a0a;color:#e8e8e8;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.lrnprgpg ::selection{background:#00e8d41a}
.lrnprgpg .ttlsct{position:relative;background:linear-gradient(135deg,#1a0a2e 0%,#0a0520 25%,#0d1a2d 50%,#0a1015 75%,#050808 100%);padding:80px 24px;overflow:hidden}
.lrnprgpg .ttlwrp{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.lrnprgpg .ttltxt{padding:80px 40px 80px 12px}
.lrnprgpg .ttlimgzn{padding:24px 40px 24px 80px;position:relative}
.lrnprgpg .ttlimg{width:100%;height:480px;object-fit:cover;opacity:.4;border-radius:6px}
.lrnprgpg .dcrbnd{position:absolute;bottom:0;left:0;width:4px;height:160px;background:linear-gradient(180deg,#00E8D4 0%,#FA1B9F 100%)}
.lrnprgpg .ttlh1{font-size:68px;line-height:1.1;margin:0 0 24px;animation:rttonld .7s cubic-bezier(0.25,0.46,0.45,0.94);transform-origin:top left}
@keyframes rttonld {
0%{transform:rotate(-2deg);opacity:0}
100%{transform:rotate(0deg);opacity:1}
}
.lrnprgpg .ttlh1 .ccnt{color:#00E8D4}
.lrnprgpg .ttlp{font-size:15px;line-height:1.6;margin:0;max-width:480px}
.lrnprgpg .prgmlst{max-width:1140px;margin:0 auto;padding:80px 24px}
.lrnprgpg .lsth2{font-size:38px;line-height:1.35;margin:0 0 40px;text-align:center}
.lrnprgpg .crdgrd{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px}
.lrnprgpg .prgmcrd{background:#1a1a1a;border-radius:6px;overflow:hidden;box-shadow:2px 6px 18px 0 #00e8d41a;transition:box-shadow .6s ease,transform .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.lrnprgpg .prgmcrd:hover{box-shadow:2px 8px 40px 0 #00e8d41c;transform:translateY(-6px)}
.lrnprgpg .crdimg{width:100%;height:220px;object-fit:cover}
.lrnprgpg .crdbdy{padding:24px}
.lrnprgpg .crdttl{font-size:28px;line-height:1.35;margin:0 0 12px}
.lrnprgpg .crddsc{font-size:15px;line-height:1.6;margin:0 0 24px;color:#b8b8b8}
.lrnprgpg .crdmta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 24px}
.lrnprgpg .mtitm{font-size:15px;line-height:1.35;display:flex;flex-direction:column;gap:6px}
.lrnprgpg .mtilbl{color:gray;font-size:15px}
.lrnprgpg .mtivl{color:#e8e8e8}
.lrnprgpg .crdprc{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}
.lrnprgpg .prcmn{font-size:38px;line-height:1.1;color:#00E8D4}
.lrnprgpg .prcds{font-size:15px;color:gray}
.lrnprgpg .prcnt{font-size:15px;line-height:1.35;color:#b8b8b8;margin:0 0 24px}
.lrnprgpg .crdftr{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:1px solid #2a2a2a}
.lrnprgpg .ftrlnk{font-size:15px;line-height:1.35;color:#00E8D4;text-decoration:none;border:1px solid #00E8D4;padding:12px 24px;border-radius:30px;transition:background .6s ease,color .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.lrnprgpg .ftrlnk:hover{background:#00E8D4;color:#0a0a0a;box-shadow:2px 8px 40px 0 #00e8d41c}
.lrnprgpg .ftrstts{display:flex;gap:24px;align-items:center}
.lrnprgpg .stttm{display:flex;align-items:center;gap:6px;font-size:15px;color:gray}
.lrnprgpg .stticn{width:16px;height:16px}
.lrnprgpg .stticn circle{fill:none;stroke:currentColor;stroke-width:2}
.lrnprgpg .stticn path{fill:none;stroke:currentColor;stroke-width:2}
.lrnprgpg .bnftssct{background:#FA1B9F;padding:80px 24px}
.lrnprgpg .bnftswrp{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr;gap:40px}
.lrnprgpg .bnftshd{font-size:38px;line-height:1.35;margin:0;color:#fff}
.lrnprgpg .bnftsgrd{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.lrnprgpg .bnfttm{background:#ffffff1a;padding:24px;border-radius:30px;backdrop-filter:blur(10px)}
.lrnprgpg .bnftth{font-size:28px;line-height:1.35;margin:0 0 12px;color:#fff}
.lrnprgpg .bnfttp{font-size:15px;line-height:1.6;margin:0;color:#ffffffe6}
.lrnprgpg .sklssct{padding:80px 24px;background:#0f0f0f}
.lrnprgpg .sklswrp{max-width:1140px;margin:0 auto}
.lrnprgpg .sklsh2{font-size:38px;line-height:1.35;margin:0 0 40px;text-align:center}
.lrnprgpg .sklslst{display:flex;flex-direction:column;gap:24px}
.lrnprgpg .sklitm{display:flex;flex-direction:column;gap:12px}
.lrnprgpg .sklhd{display:flex;justify-content:space-between;align-items:center}
.lrnprgpg .sklnm{font-size:15px;line-height:1.35;color:#e8e8e8}
.lrnprgpg .sklpct{font-size:15px;line-height:1.35;color:#00E8D4}
.lrnprgpg .sklbr{height:12px;background:#1a1a1a;border-radius:46px;overflow:hidden;position:relative}
.lrnprgpg .sklfl{height:100%;background:linear-gradient(90deg,#00E8D4 0%,#FA1B9F 100%);border-radius:46px;transition:width .8s cubic-bezier(0.25,0.46,0.45,0.94)}
.lrnprgpg .tmlnsct{padding:80px 24px;background:#0a0a0a}
.lrnprgpg .tmlnwrp{max-width:1140px;margin:0 auto}
.lrnprgpg .tmlnh2{font-size:38px;line-height:1.35;margin:0 0 40px;text-align:center}
.lrnprgpg .prflsgrd{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.lrnprgpg .prfltm{display:flex;flex-direction:column;gap:12px}
.lrnprgpg .prflimg{width:100%;aspect-ratio:5/7;object-fit:cover;object-position:top}
.lrnprgpg .prflnm{font-size:15px;line-height:1.35;margin:0;text-align:center}
.lrnprgpg .prflrl{font-size:15px;line-height:1.35;margin:0;text-align:center;color:gray}
.lrnprgpg .dvdrsct{height:60px;overflow:hidden;position:relative}
.lrnprgpg .dvdrsvg{width:100%;height:100%;display:block}
@media (max-width: 1024px) {
.lrnprgpg .ttlwrp{grid-template-columns:1fr;gap:40px}
.lrnprgpg .ttltxt{padding:40px 12px}
.lrnprgpg .ttlimgzn{padding:12px}
.lrnprgpg .crdgrd{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.lrnprgpg .bnftswrp{grid-template-columns:1fr;gap:24px}
.lrnprgpg .prflsgrd{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.lrnprgpg .ttlh1{font-size:38px}
.lrnprgpg .lsth2,.lrnprgpg .bnftshd,.lrnprgpg .sklsh2,.lrnprgpg .tmlnh2{font-size:28px}
.lrnprgpg .crdgrd{grid-template-columns:1fr}
.lrnprgpg .bnftsgrd{grid-template-columns:1fr;gap:24px}
.lrnprgpg .crdmta{grid-template-columns:1fr}
.lrnprgpg .prflsgrd{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.lrnprgpg .ttlsct{padding:40px 12px}
.lrnprgpg .prgmlst{padding:40px 12px}
.lrnprgpg .bnftssct{padding:40px 12px}
.lrnprgpg .sklssct{padding:40px 12px}
.lrnprgpg .tmlnsct{padding:40px 12px}
}
.cntctpg{background:#0a0a0a;color:#e8e8e8;min-height:100vh;position:relative;overflow-x:hidden}
.cntctpg *{box-sizing:border-box}
.cntctpg::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,#0a0a0a66 70%,#0a0a0ae6 100%);pointer-events:none;animation:vgntpls 8s ease-in-out infinite alternate;z-index:1}
@keyframes vgntpls {
0%{opacity:.5}
100%{opacity:1}
}
.cntctpg .wrppr{max-width:1140px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.cntctpg .ttlblck{padding:120px 0 80px;display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:center}
.cntctpg .imgcntnr{position:relative;border-radius:30px;overflow:hidden}
.cntctpg .imgcntnr::before{content:'';position:absolute;top:-12px;left:-12px;width:calc(100% + 24px);height:calc(100% + 24px);background:linear-gradient(135deg,transparent 40%,#00e8d426 60%,transparent 80%),linear-gradient(225deg,transparent 50%,#fa1b9f1f 70%,transparent 90%);border-radius:30px;z-index:-1}
.cntctpg .imgcntnr::after{content:'';position:absolute;top:24px;right:24px;width:60%;height:60%;background:linear-gradient(135deg,#ffcb0f14 0%,transparent 100%);border-radius:46px;pointer-events:none;mix-blend-mode:overlay}
.cntctpg .imgfrm{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:30px;border:3px solid #00e8d433;transition:filter .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.cntctpg .imgcntnr:hover .imgfrm{filter:brightness(1.15) saturate(1.2)}
.cntctpg .shpovrlp{position:absolute;width:140px;height:140px;border-radius:46px;background:#fa1b9f0d;border:2px solid #fa1b9f26;top:-24px;right:-24px;pointer-events:none}
.cntctpg .shpovrlp::after{content:'';position:absolute;width:90px;height:90px;background:#00e8d40f;border:2px solid #00e8d41f;border-radius:30px;bottom:-40px;left:-40px}
.cntctpg .hdngtxt h1{font-size:68px;line-height:1.1;margin:0 0 24px;color:#fff;display:flex;flex-direction:column}
.cntctpg .hdngtxt h1 span{display:block}
.cntctpg .hdngtxt h1 span:nth-child(2){color:#00E8D4}
.cntctpg .thlst{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.cntctpg .thlst li{font-size:15px;line-height:1.6;color:#c4c4c4}
.cntctpg .frmsctn{background:linear-gradient(135deg,#00E8D4 0%,#0ac2b0 100%);padding:80px 0;position:relative}
.cntctpg .frmsctn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 60px,#00000008 60px,#00000008 120px),repeating-linear-gradient(-45deg,transparent,transparent 60px,#ffffff05 60px,#ffffff05 120px);pointer-events:none}
.cntctpg .frmgrd{display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:start;position:relative}
.cntctpg .frmlft h2{font-size:38px;line-height:1.35;margin:0 0 24px;color:#0a0a0a}
.cntctpg .frmlft p{font-size:15px;line-height:1.6;margin:0;color:#0a0a0ad9}
.cntctpg .frmblck{background:#0a0a0aeb;border-radius:30px;padding:40px;border:3px solid #fa1b9f4d;box-shadow:2px 8px 40px 0 #00e8d41c}
.cntctpg .frmblck form{display:flex;flex-direction:column;gap:24px}
.cntctpg .fldgrp{display:flex;flex-direction:column;gap:6px}
.cntctpg .fldgrp label{font-size:15px;line-height:1.35;color:#00E8D4;letter-spacing:.03em}
.cntctpg .fldgrp input,.cntctpg .fldgrp select{background:#ffffff0a;border:2px solid #00e8d433;border-radius:6px;padding:12px 24px;font-size:15px;line-height:1.6;color:#e8e8e8;outline:none;transition:border-color .5s ease,background .6s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .7s ease}
.cntctpg .fldgrp input::placeholder{color:#e8e8e866;transition:opacity .5s ease}
.cntctpg .fldgrp input:focus::placeholder{opacity:0}
.cntctpg .fldgrp input:focus,.cntctpg .fldgrp select:focus{border-color:#00E8D4;background:#00e8d40f;box-shadow:2px 6px 18px 0 #00e8d41a}
.cntctpg .fldgrp select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%2300E8D4' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 24px center;cursor:pointer}
.cntctpg .fldgrp select option{background:#1a1a1a;color:#e8e8e8}
.cntctpg .chckwrp{display:flex;align-items:start;gap:12px}
.cntctpg .chckwrp input[type="checkbox"]{margin-top:6px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:#FA1B9F}
.cntctpg .chckwrp label{font-size:15px;line-height:1.6;color:#c4c4c4;cursor:pointer}
.cntctpg .chckwrp label a{color:#00E8D4;text-decoration:none;transition:color .5s ease}
.cntctpg .chckwrp label a:hover{color:#FA1B9F}
.cntctpg .sbmtbtn{background:transparent;border:2px solid #FA1B9F;border-radius:6px;padding:12px 40px;font-size:15px;line-height:1.35;color:#FA1B9F;cursor:pointer;transition:background .6s cubic-bezier(0.25,0.46,0.45,0.94),color .5s ease,box-shadow .7s ease}
.cntctpg .sbmtbtn:hover{background:#FA1B9F;color:#0a0a0a;box-shadow:2px 6px 18px 0 #fa1b9f1a}
.cntctpg .sbmtbtn:active{box-shadow:2px 8px 40px 0 #fa1b9f1c}
.cntctpg .dtlssctn{padding:80px 0 120px}
.cntctpg .dtlshd{text-align:center;margin-bottom:80px}
.cntctpg .dtlshd h2{font-size:38px;line-height:1.35;margin:0 0 24px;color:#fff}
.cntctpg .dtlshd p{font-size:15px;line-height:1.6;margin:0;color:#c4c4c4;max-width:680px;margin:0 auto}
.cntctpg .dtlsgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.cntctpg .dtlcrd{background:#ffffff05;border:2px solid #00e8d426;border-radius:30px;padding:40px 24px;text-align:center;transition:border-color .6s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .7s ease,transform .5s ease;position:relative;overflow:hidden}
.cntctpg .dtlcrd::before{content:'';position:absolute;top:-2px;left:-2px;width:6px;height:100%;background:linear-gradient(180deg,#00E8D4 0%,#FA1B9F 50%,#FFCB0F 100%);transition:width .6s cubic-bezier(0.25,0.46,0.45,0.94)}
.cntctpg .dtlcrd:hover{border-color:#00E8D4;box-shadow:2px 6px 18px 0 #00e8d41a;transform:translateY(-6px)}
.cntctpg .dtlcrd:hover::before{width:calc(100% + 4px)}
.cntctpg .icnwrp{width:60px;height:60px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:46px;background:#00e8d414;border:2px solid #00e8d433}
.cntctpg .icnwrp svg{width:28px;height:28px;fill:#00E8D4}
.cntctpg .dtlcrd h3{font-size:28px;line-height:1.35;margin:0 0 12px;color:#fff}
.cntctpg .dtlcrd p{font-size:15px;line-height:1.6;margin:0;color:#c4c4c4}
.cntctpg .dtlcrd a{color:#00E8D4;text-decoration:none;transition:color .5s ease}
.cntctpg .dtlcrd a:hover{color:#FA1B9F}
.cntctpg ::selection{background:#00e8d41a}
@media (max-width: 1024px) {
.cntctpg .ttlblck{grid-template-columns:1fr;gap:40px;padding:80px 0 60px}
.cntctpg .imgcntnr{max-width:480px;margin:0 auto}
.cntctpg .frmgrd{grid-template-columns:1fr;gap:40px}
.cntctpg .dtlsgrd{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.cntctpg .hdngtxt h1{font-size:38px}
.cntctpg .frmlft h2,.cntctpg .dtlshd h2{font-size:28px}
.cntctpg .frmblck{padding:24px}
.cntctpg .frmsctn,.cntctpg .dtlssctn{padding:60px 0}
.cntctpg .dtlshd{margin-bottom:40px}
}
@media (max-width: 480px) {
.cntctpg .wrppr{padding:0 12px}
.cntctpg .ttlblck{padding:60px 0 40px}
.cntctpg .hdngtxt h1{font-size:28px}
}
.hmpg{background:#0a0a0a;color:#e8e8e8;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;text-rendering:geometricPrecision}
.hmpg ::selection{background:#00e8d41a}
.hmpg .ttlblk{display:grid;grid-template-columns:1fr 3fr;gap:40px;max-width:1140px;margin:0 auto;padding:120px 24px 40px;align-items:center}
.hmpg .ttlimgwrp{position:relative}
.hmpg .ttlimgwrp::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:#00e8d426;border-radius:6px;z-index:-1}
.hmpg .ttlimg{width:100%;height:auto;border-radius:6px;filter:sepia(0.2) contrast(1.1);box-shadow:2px 8px 40px 0 #00e8d41c}
.hmpg .ttltxtzone h1{font-size:68px;line-height:1.1;margin:0 0 24px;color:#00E8D4}
.hmpg .ttltxtzone .mainlnk{display:inline-flex;align-items:center;gap:12px;padding:12px 40px;border:2px solid #00E8D4;border-radius:30px;color:#00E8D4;text-decoration:none;font-size:15px;transition:box-shadow .6s ease,background .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.hmpg .ttltxtzone .mainlnk:hover{background:#00e8d41a;box-shadow:2px 8px 40px 0 #00e8d41c}
.hmpg .dvdr{text-align:center;padding:40px 0;position:relative}
.hmpg .dvdr::before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,#fa1b9f4d,transparent)}
.hmpg .dvdrshp{display:inline-block;width:12px;height:12px;background:#FA1B9F;transform:rotate(45deg);position:relative;z-index:1}
.hmpg .abtblk{background:#00E8D4;padding:80px 24px;color:#0a0a0a}
.hmpg .abtcntnr{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:80px;align-items:start}
.hmpg .abtblk h2{font-size:38px;line-height:1.35;margin:0 0 24px}
.hmpg .abtblk p{font-size:15px;line-height:1.6;margin:0 0 24px}
.hmpg .abtblk p:last-child{margin-bottom:0}
.hmpg .mtrczone{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;letter-spacing:.02em}
.hmpg .mtrczone svg{width:40px;height:40px}
.hmpg .srvcsblk{max-width:1140px;margin:0 auto;padding:80px 24px}
.hmpg .srvcsblk h2{font-size:38px;line-height:1.35;margin:0 0 40px;color:#FA1B9F}
.hmpg .srvgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hmpg .srvcrd{background:#141414;border-radius:6px;overflow:hidden;transition:transform .7s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:2px 6px 18px 0 #fa1b9f1a}
.hmpg .srvcrd:hover{transform:translateY(-6px);box-shadow:2px 8px 40px 0 #fa1b9f1c}
.hmpg .srvcrdimg{width:100%;height:180px;object-fit:cover}
.hmpg .srvcrdcntnt{padding:24px}
.hmpg .srvcrdcntnt h3{font-size:28px;line-height:1.35;margin:0 0 12px;color:#00E8D4}
.hmpg .srvcrdcntnt p{font-size:15px;line-height:1.6;margin:0}
.hmpg .tmln{background:linear-gradient(135deg,#0a0a0a 0%,#1a0a14 50%,#0a0a0a 100%);padding:80px 24px}
.hmpg .tmlncntnr{max-width:1140px;margin:0 auto}
.hmpg .tmln h2{font-size:38px;line-height:1.35;margin:0 0 40px;color:#FFCB0F}
.hmpg .tmlnhrzntl{position:relative;padding-top:40px}
.hmpg .tmlnline{position:absolute;top:20px;left:0;right:0;height:2px;background:linear-gradient(90deg,#00E8D4,#FA1B9F,#FFCB0F)}
.hmpg .tmlnpts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.hmpg .tmlnpt{position:relative}
.hmpg .tmlnpt::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#FFCB0F;border-radius:50%;border:2px solid #0a0a0a;z-index:2}
.hmpg .tmlncrd{background:#141414;border-radius:6px;padding:24px;margin-top:12px;box-shadow:2px 2px 5px 0 #ffcb0f14}
.hmpg .tmlncrd h4{font-size:15px;line-height:1.35;margin:0 0 6px;color:#FFCB0F;letter-spacing:.1em;text-transform:uppercase}
.hmpg .tmlncrd p{font-size:15px;line-height:1.6;margin:0}
.hmpg .tstmnlblk{max-width:1140px;margin:0 auto;padding:80px 24px}
.hmpg .tstmnlblk h2{font-size:38px;line-height:1.35;margin:0 0 40px;color:#00E8D4}
.hmpg .tstmnlcrd{background:#141414;border-radius:46px;padding:40px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;box-shadow:2px 6px 18px 0 #00e8d41a}
.hmpg .tstmnlprtrt{width:120px;height:120px;border-radius:50%;object-fit:cover;object-position:top;box-shadow:2px 8px 40px 0 #00e8d41c}
.hmpg .tstmnltxt p{font-size:15px;line-height:1.8;margin:0 0 24px}
.hmpg .tstmnltxt p:last-child{margin-bottom:0}
.hmpg .tstmnlauthor{font-weight:700;color:#00E8D4}
.hmpg .cntctblk{background:#0a0a0a;border-top:1px solid #fa1b9f33;padding:80px 24px}
.hmpg .cntctcntnr{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px}
.hmpg .cntctblk h2{font-size:38px;line-height:1.35;margin:0 0 24px;color:#FA1B9F}
.hmpg .cntctblk p{font-size:15px;line-height:1.6;margin:0 0 40px}
.hmpg .cntctfrm{display:flex;flex-direction:column;gap:24px}
.hmpg .frminpt,.hmpg .frmtxta{width:100%;padding:12px 24px;background:#141414;border:1px solid #333!important;border-radius:30px;color:#e8e8e8;font-size:15px;transition:border-color .6s ease,box-shadow .5s cubic-bezier(0.25,0.46,0.45,0.94)}
.hmpg .frminpt::placeholder,.hmpg .frmtxta::placeholder{color:#666;transition:opacity .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.hmpg .frminpt:focus::placeholder,.hmpg .frmtxta:focus::placeholder{opacity:0}
.hmpg .frminpt:focus,.hmpg .frmtxta:focus{outline:none;border-color:#FA1B9F!important;box-shadow:2px 6px 18px 0 #fa1b9f1a}
.hmpg .frmtxta{min-height:120px;resize:vertical;border-radius:6px}
.hmpg .frmsbmt{padding:12px 40px;background:transparent;border:2px solid #FA1B9F;border-radius:30px;color:#FA1B9F;font-size:15px;cursor:pointer;transition:background .5s cubic-bezier(0.25,0.46,0.45,0.94),box-shadow .8s ease;align-self:flex-start}
.hmpg .frmsbmt:hover{background:#fa1b9f1a;box-shadow:2px 8px 40px 0 #fa1b9f1c}
.hmpg .cntctinfo{display:flex;flex-direction:column;gap:12px}
.hmpg .cntctitm{font-size:15px;line-height:1.8;color:#e8e8e8}
.hmpg .cntctitm a{color:#00E8D4;text-decoration:none;transition:color .6s ease}
.hmpg .cntctitm a:hover{color:#FA1B9F}
@media (max-width: 1024px) {
.hmpg .ttlblk{grid-template-columns:1fr;padding:80px 24px 40px}
.hmpg .abtcntnr{grid-template-columns:1fr;gap:40px}
.hmpg .srvgrd{grid-template-columns:1fr}
.hmpg .tmlnpts{grid-template-columns:repeat(2,1fr)}
.hmpg .cntctcntnr{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.hmpg .ttltxtzone h1{font-size:38px}
.hmpg .abtblk h2,.hmpg .srvcsblk h2,.hmpg .tmln h2,.hmpg .tstmnlblk h2,.hmpg .cntctblk h2{font-size:28px}
.hmpg .tmlnpts{grid-template-columns:1fr}
.hmpg .tstmnlcrd{grid-template-columns:1fr;gap:24px;text-align:center}
.hmpg .tstmnlprtrt{margin:0 auto}
}
@media (max-width: 480px) {
.hmpg .ttltxtzone h1{font-size:28px}
.hmpg .ttlblk{padding:40px 12px 24px}
.hmpg .abtblk,.hmpg .srvcsblk,.hmpg .tmln,.hmpg .tstmnlblk,.hmpg .cntctblk{padding:40px 12px}
}
.abtpg{background:#0a0a0a;color:#e8e8e8;min-height:100vh}
.abtpg .hdrbnnr{background:linear-gradient(135deg,#1a1a1a 0%,#0a0a0a 45%,#00e8d414 100%);padding:80px 24px;position:relative;overflow:hidden}
.abtpg .hdrbnnr::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle at top right,#fa1b9f26,transparent 70%);pointer-events:none}
.abtpg .hdrbnnrwrp{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:center}
.abtpg .imgbx{position:relative;border:3px solid #00E8D4;border-radius:30px;overflow:hidden;aspect-ratio:5/7}
.abtpg .imgbx img{width:100%;height:100%;object-fit:cover;object-position:top;filter:grayscale(100%);transition:filter .65s ease}
.abtpg .imgbx:hover img{filter:grayscale(0%)}
.abtpg .txtbx h1{font-size:68px;line-height:1.1;margin:0 0 24px;color:#fff}
.abtpg .txtbx h1 span{color:#FA1B9F}
.abtpg .txtbx .fldsh{display:inline-block;width:60px;height:3px;background:#00E8D4;margin-right:12px;vertical-align:middle}
.abtpg .txtbx p{font-size:15px;line-height:1.6;color:#c4c4c4;margin:0}
.abtpg .stryblk{background:#0f0f0f;padding:80px 24px;position:relative}
.abtpg .stryblk .cntnr{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:3fr 1fr;gap:80px;align-items:start}
.abtpg .stryblk .txtcol h2{font-size:38px;line-height:1.35;color:#fff;margin:0 0 24px}
.abtpg .stryblk .txtcol p{font-size:15px;line-height:1.8;color:#b8b8b8;margin:0 0 24px}
.abtpg .stryblk .txtcol p:last-child{margin-bottom:0}
.abtpg .stryblk .imgcol{position:relative}
.abtpg .stryblk .imgcol img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:46px;box-shadow:2px 6px 18px 0 #00e8d41a;transition:box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.abtpg .stryblk .imgcol img:hover{box-shadow:2px 12px 50px 0 #00e8d438}
.abtpg .mtrcblk{background:#00E8D4;padding:80px 24px;position:relative}
.abtpg .mtrcblk .cntnr{max-width:1140px;margin:0 auto}
.abtpg .mtrcblk h2{font-size:38px;line-height:1.35;color:#0a0a0a;margin:0 0 40px;text-align:center}
.abtpg .mtrcgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.abtpg .mtrcitm{background:#0a0a0aeb;padding:40px 24px;border-radius:6px;text-align:center;position:relative;overflow:hidden;box-shadow:2px 2px 5px 0 #00e8d414;transition:box-shadow .6s ease}
.abtpg .mtrcitm:hover{box-shadow:2px 8px 40px 0 #00e8d41c}
.abtpg .mtrcitm::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FA1B9F 0%,#FFCB0F 50%,#00E8D4 100%)}
.abtpg .mtrcnum{font-size:68px;line-height:1.1;color:#00E8D4;margin:0 0 12px;font-weight:700;display:block}
.abtpg .mtrcitm p{font-size:15px;line-height:1.6;color:#c4c4c4;margin:0}
.abtpg .vsnblk{background:#0a0a0a;padding:80px 24px;position:relative}
.abtpg .vsnblk .cntnr{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 3fr;gap:40px;align-items:center}
.abtpg .vsnblk .imgcol img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:30px;box-shadow:2px 6px 18px 0 #fa1b9f1a;transition:box-shadow .55s cubic-bezier(0.25,0.46,0.45,0.94)}
.abtpg .vsnblk .imgcol img:hover{box-shadow:2px 12px 50px 0 #fa1b9f33}
.abtpg .vsnblk .txtcol h2{font-size:38px;line-height:1.35;color:#fff;margin:0 0 24px}
.abtpg .vsnblk .txtcol h2 span{color:#FFCB0F}
.abtpg .vsnblk .txtcol p{font-size:15px;line-height:1.8;color:#b8b8b8;margin:0}
.abtpg .vsnblk .prgbr{margin-top:40px;background:#1a1a1a;border-radius:46px;padding:12px;box-shadow:inset 2px 2px 6px #00000080}
.abtpg .vsnblk .prgbrlbl{display:flex;justify-content:space-between;margin-bottom:6px;padding:0 6px}
.abtpg .vsnblk .prgbrlbl span{font-size:15px;color:#888}
.abtpg .vsnblk .prgbrflld{width:100%;height:24px;background:#0f0f0f;border-radius:46px;overflow:hidden;position:relative}
.abtpg .vsnblk .prgbrflld::after{content:'';position:absolute;top:0;left:0;height:100%;width:68%;background:linear-gradient(90deg,#FA1B9F 0%,#00E8D4 100%);border-radius:46px;transition:width .8s ease}
.abtpg .tmblk{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%);padding:80px 24px;position:relative}
.abtpg .tmblk .cntnr{max-width:1140px;margin:0 auto}
.abtpg .tmblk h2{font-size:38px;line-height:1.35;color:#fff;margin:0 0 40px;text-align:center}
.abtpg .tmgrd{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.abtpg .tmcrd{background:#0a0a0a;border-radius:30px;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:24px;padding:24px;box-shadow:2px 2px 5px 0 #fa1b9f14;transition:box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94)}
.abtpg .tmcrd:hover{box-shadow:2px 8px 40px 0 #fa1b9f1c}
.abtpg .tmcrd img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:6px}
.abtpg .tmcrd h3{font-size:28px;line-height:1.35;color:#00E8D4;margin:0 0 6px}
.abtpg .tmcrd .tmrl{font-size:15px;color:#888;margin:0 0 12px;display:block}
.abtpg .tmcrd p{font-size:15px;line-height:1.6;color:#b8b8b8;margin:0}
.abtpg .svgdvdr{width:100%;height:80px;display:block;background:#0a0a0a}
.abtpg .svgdvdr svg{width:100%;height:100%;display:block}
.abtpg ::selection{background:#00e8d41a}
.abtpg input::placeholder,.abtpg textarea::placeholder{opacity:1;transition:opacity .6s ease}
.abtpg input:focus::placeholder,.abtpg textarea:focus::placeholder{opacity:0}
.abtpg .hdvrtxt{position:relative;display:inline-block;transition:text-shadow .65s ease}
.abtpg .hdvrtxt:hover{text-shadow:0 0 20px #00e8d499 0 0 40px #fa1b9f66}
@media (max-width: 1024px) {
.abtpg .hdrbnnrwrp{grid-template-columns:1fr;gap:40px}
.abtpg .imgbx{max-width:300px;margin:0 auto}
.abtpg .txtbx h1{font-size:38px}
.abtpg .stryblk .cntnr{grid-template-columns:1fr;gap:40px}
.abtpg .mtrcgrd{grid-template-columns:1fr;gap:24px}
.abtpg .vsnblk .cntnr{grid-template-columns:1fr;gap:40px}
.abtpg .tmgrd{grid-template-columns:1fr;gap:24px}
.abtpg .tmcrd{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.abtpg .hdrbnnr{padding:40px 12px}
.abtpg .txtbx h1{font-size:28px}
.abtpg .stryblk{padding:40px 12px}
.abtpg .stryblk .txtcol h2{font-size:28px}
.abtpg .mtrcblk{padding:40px 12px}
.abtpg .mtrcblk h2{font-size:28px}
.abtpg .mtrcnum{font-size:38px}
.abtpg .vsnblk{padding:40px 12px}
.abtpg .vsnblk .txtcol h2{font-size:28px}
.abtpg .tmblk{padding:40px 12px}
.abtpg .tmblk h2{font-size:28px}
.abtpg .tmcrd h3{font-size:15px}
}
@media (max-width: 480px) {
.abtpg .hdrbnnrwrp{gap:24px}
.abtpg .txtbx h1{font-size:28px}
.abtpg .fldsh{width:40px!important}
.abtpg .stryblk .cntnr{gap:24px}
.abtpg .vsnblk .cntnr{gap:24px}
.abtpg .mtrcgrd{gap:12px}
.abtpg .mtrcitm{padding:24px 12px}
}
.confpg{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 45%,#0f0f0f 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px}
.confpg .confwrp{max-width:1140px;width:100%;text-align:center}
.confpg .icnbox{display:inline-flex;align-items:center;justify-content:center;width:140px;height:140px;background:linear-gradient(135deg,#00E8D4 0%,#FA1B9F 100%);border-radius:46px;margin-bottom:40px;box-shadow:2px 8px 40px 0 #00e8d41c}
.confpg .icnbox svg{width:70px;height:70px;stroke:#0a0a0a;stroke-width:3;fill:none}
.confpg .mnttl{font-size:68px;line-height:1.1;color:#fff;margin-bottom:24px;font-weight:700}
.confpg .sbttl{font-size:28px;line-height:1.35;color:#00E8D4;margin-bottom:40px;font-weight:500}
.confpg .msgtxt{font-size:15px;line-height:1.6;color:#d0d0d0;margin-bottom:40px;max-width:680px;margin-left:auto;margin-right:auto}
.confpg .dtlsec{background:#00e8d40d;border:1px solid #00e8d426;border-radius:30px;padding:40px;margin-bottom:40px;max-width:780px;margin-left:auto;margin-right:auto}
.confpg .dtlsec .dtlttl{font-size:28px;line-height:1.35;color:#fff;margin-bottom:24px;font-weight:600}
.confpg .dtlsec .inflist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;text-align:left}
.confpg .dtlsec .inflist li{font-size:15px;line-height:1.6;color:#d0d0d0;padding:12px 24px;background:#fa1b9f0a;border-left:3px solid #FA1B9F;border-radius:6px;transition:background .6s ease}
.confpg .dtlsec .inflist li:hover{background:#fa1b9f14}
.confpg .dtlsec .inflist strong{color:#FFCB0F;font-weight:600}
.confpg .actnbox{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.confpg .actnbox .btnprim{display:inline-block;padding:24px 40px;font-size:15px;line-height:1.35;color:#0a0a0a;background:#00E8D4;border:2px solid #00E8D4;border-radius:30px;text-decoration:none;font-weight:600;transition:box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94),transform .5s ease;letter-spacing:.03em}
.confpg .actnbox .btnprim:hover{box-shadow:2px 8px 40px 0 #00e8d41c;transform:translateY(-2px)}
.confpg .actnbox .btnsec{display:inline-block;padding:24px 40px;font-size:15px;line-height:1.35;color:#fff;background:transparent;border:2px solid #FA1B9F;border-radius:30px;text-decoration:none;font-weight:600;transition:background .6s ease,box-shadow .7s cubic-bezier(0.25,0.46,0.45,0.94);letter-spacing:.03em}
.confpg .actnbox .btnsec:hover{background:#fa1b9f1a;box-shadow:2px 6px 18px 0 #fa1b9f1a}
.confpg .ftnote{margin-top:40px;font-size:15px;line-height:1.8;color:#888}
@media (max-width: 768px) {
.confpg{padding:24px 12px}
.confpg .icnbox{width:100px;height:100px;margin-bottom:24px}
.confpg .icnbox svg{width:50px;height:50px}
.confpg .mnttl{font-size:38px}
.confpg .sbttl{font-size:28px;margin-bottom:24px}
.confpg .msgtxt{margin-bottom:24px}
.confpg .dtlsec{padding:24px;margin-bottom:24px}
.confpg .dtlsec .dtlttl{font-size:28px}
.confpg .dtlsec .inflist li{padding:12px}
.confpg .actnbox{flex-direction:column;gap:12px}
.confpg .actnbox .btnprim,.confpg .actnbox .btnsec{width:100%;padding:24px}
.confpg .ftnote{margin-top:24px}
}
@media (max-width: 480px) {
.confpg .mnttl{font-size:28px}
.confpg .sbttl{font-size:15px}
}