*,::before,::after{box-sizing:border-box}
html,body{margin:0;padding:0}
img,svg{max-width:100%}
.hd{background:#fff;border-bottom:1px solid #9b31e91f;box-shadow:0 2px 8px #9b31e90f 0 1px 2px #0799aa14;overflow:visible;position:relative;z-index:100}
.hdtop{background:linear-gradient(90deg,#9B31E9 0%,#0799AA 100%);padding:0}
.hdtopinner{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;min-height:44px;gap:24px}
.hdcontact{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.hdcontactlink{display:flex;align-items:center;gap:7px;font-family:'Fira Sans',sans-serif;font-size:13px;color:#ffffffeb;text-decoration:none;letter-spacing:.03em;transition:color .2s}
.hdcontactlink:hover{color:#E2FCE2}
.hdcontactlink i{font-size:15px;color:#E2FCE2}
.hdloc{display:flex;align-items:center;gap:7px;font-family:'Fira Sans',sans-serif;font-size:13px;color:#ffffffc7;letter-spacing:.03em}
.hdloc i{font-size:15px;color:#e2fce2cc}
.hdmain{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:32px}
.hdlogo{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0}
.hdlogoimgwrap{width:68px;height:68px;border-radius:0 0 10px 10px;background:#f8f4ff;border:1.5px solid #9b31e92e;box-shadow:inset 0 2px 6px #9b31e91a 0 2px 6px #9b31e914;display:flex;align-items:center;justify-content:center;padding:8px}
.hdlogoimgwrap img{width:52px;height:52px;object-fit:contain;display:block}
.hdlogotxt{display:flex;flex-direction:column;gap:1px}
.hdlogoname{font-family:'Lora',serif;font-weight:700;font-size:22px;color:#1a0a2e;letter-spacing:-.02em;line-height:1.2}
.hdlogotag{font-family:'Fira Sans',sans-serif;font-size:12px;color:#0799AA;letter-spacing:.06em;line-height:1.4;font-weight:400}
.hdnav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:center;flex:1}
.hdnavlink{font-family:'Fira Sans',sans-serif;font-size:15px;font-weight:700;color:#1a0a2e;text-decoration:none;letter-spacing:.04em;text-transform:uppercase;padding:10px 18px;border-radius:0 0 8px 8px;border:1.5px solid transparent;border-top:none;position:relative;transition:color 0.2s,background 0.2s,border-color .2s}
.hdnavlink:hover{color:#9B31E9;background:#9b31e90d;border-color:#9b31e92e}
.hdnavlink.hdnavactive{color:#9B31E9;background:#9b31e90f;border-color:#9b31e938}
.hdaction{flex-shrink:0}
.hdbt{display:inline-flex;align-items:center;gap:8px;font-family:'Fira Sans',sans-serif;font-size:14px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#9B31E9 0%,#7a1dc7 100%);border:none;border-radius:0 0 10px 10px;padding:14px 26px;text-decoration:none;box-shadow:0 4px 12px #9b31e947 inset 0 1px 0 #ffffff26;min-height:48px}
.hdbt:hover{color:#fff;background:linear-gradient(135deg,#8a25d8 0%,#6b17b0 100%)}
@media (max-width: 960px) {
.hdmain{padding:0 20px;min-height:72px;gap:16px}
.hdtopinner{padding:0 20px}
.hdlogotag{display:none}
.hdnavlink{font-size:13px;padding:8px 12px}
.hdloc{display:none}
}
@media (max-width: 480px) {
.hdmain{flex-wrap:wrap;padding:12px 16px;min-height:auto}
.hdnav{order:3;width:100%;justify-content:flex-start;padding-bottom:8px}
.hdaction{order:2}
.hdtopinner{padding:0 16px;min-height:38px}
.hdcontact{gap:14px}
}
.ft{background:#1a0a2e;border-top:3px solid #9B31E9;padding:28px 0}
.ftinner{max-width:1400px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ftlogoblock{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.ftlogowrap{width:48px;height:48px;border-radius:0 0 8px 8px;background:#f8f4ff;border:1.5px solid #9b31e94d;box-shadow:inset 0 2px 5px #9b31e91f;display:flex;align-items:center;justify-content:center;padding:6px}
.ftlogowrap img{width:36px;height:36px;object-fit:contain;display:block}
.ftlogoinfo{display:flex;flex-direction:column;gap:2px}
.ftlogoname{font-family:'Lora',serif;font-weight:700;font-size:16px;color:#fff;letter-spacing:-.01em;line-height:1.2}
.ftlogoyear{font-family:'Fira Sans',sans-serif;font-size:12px;color:#e2fce299;letter-spacing:.04em}
.ftnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}
.ftnavlink{font-family:'Fira Sans',sans-serif;font-size:12px;color:#ffffff94;text-decoration:none;letter-spacing:.03em;padding:4px 10px;border-right:1px solid #ffffff1f;transition:color .2s;white-space:nowrap}
.ftnavlink:last-child{border-right:none}
.ftnavlink:hover{color:#E2FCE2}
.ftcontacts{display:flex;flex-direction:column;gap:5px;align-items:flex-end}
.ftcontactitem{display:flex;align-items:center;gap:6px;font-family:'Fira Sans',sans-serif;font-size:13px;color:#ffffff9e;text-decoration:none;transition:color .2s}
.ftcontactitem:hover{color:#E2FCE2}
.ftcontactitem i{font-size:14px;color:#0799AA}
.ftcopy{width:100%;border-top:1px solid #ffffff14;margin-top:18px;padding-top:14px;text-align:center}
.ftcopytext{font-family:'Fira Sans',sans-serif;font-size:12px;color:#ffffff59;letter-spacing:.03em}
@media (max-width: 960px) {
.ftinner{padding:0 20px;justify-content:center;text-align:center}
.ftcontacts{align-items:center}
.ftnav{order:3;width:100%}
.ftcontacts{order:2}
}
@media (max-width: 480px) {
.ftinner{padding:0 16px;flex-direction:column;align-items:center}
.ftnavlink{padding:4px 6px;font-size:11px}
}
.ckpopup{position:fixed;top:24px;left:50%;transform:translateX(-50%);width:94%;max-width:860px;background:#fff;border-radius:0 0 14px 14px;border-top:4px solid #9B31E9;box-shadow:0 8px 32px #9b31e929 0 2px 8px #0000001a;z-index:9999;padding:28px 32px 24px;display:none;opacity:0;transition:opacity .35s ease}
.ckpopup.ckvisible{display:block}
.ckpopup.ckfadein{opacity:1}
.cktitle{font-family:'Lora',serif;font-weight:700;font-size:18px;color:#1a0a2e;margin:0 0 8px;letter-spacing:-.01em}
.ckdesc{font-family:'Fira Sans',sans-serif;font-size:14px;color:#444;line-height:1.6;margin:0 0 20px}
.ckcats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:22px}
.ckcat{display:flex;align-items:center;gap:8px;font-family:'Fira Sans',sans-serif;font-size:13px;color:#333;cursor:pointer;padding:8px 14px;border:1.5px solid #9b31e92e;border-radius:0 0 8px 8px;background:#faf8ff;box-shadow:inset 0 2px 4px #9b31e90d}
.ckcat input[type="radio"]{accent-color:#9B31E9;width:16px;height:16px;cursor:pointer}
.ckactions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.ckaccept{font-family:'Fira Sans',sans-serif;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#9B31E9 0%,#7a1dc7 100%);border:none;border-radius:0 0 8px 8px;padding:12px 24px;cursor:pointer;box-shadow:0 3px 10px #9b31e940;min-height:44px}
.ckdecline{font-family:'Fira Sans',sans-serif;font-size:13px;font-weight:400;color:#0799AA;background:none;border:none;cursor:pointer;text-decoration:underline;letter-spacing:.02em;padding:0;min-height:44px}
.ckpolicy{font-family:'Fira Sans',sans-serif;font-size:12px;color:#888;margin-left:auto}
.ckpolicy a{color:#9B31E9;text-decoration:none}
.ckpolicy a:hover{text-decoration:underline}
@media (max-width: 480px) {
.ckpopup{padding:20px 16px 18px;top:10px}
.ckpolicy{margin-left:0;width:100%}
}
::selection{background:#9B31E9;color:#fff}
.legal-body{max-width:860px;margin:0 auto;padding:48px 24px 80px}
.legal-body p{font-size:18px;line-height:1.7;letter-spacing:.01em;margin-top:0;margin-bottom:20px;color:#1a1a2e}
.legal-body ul,.legal-body ol{margin-top:0;margin-bottom:24px;padding-left:28px}
.legal-body ul{list-style:none;padding-left:0}
.legal-body ul li{padding-left:20px;position:relative}
.legal-body ul li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:0 0 3px 3px;background-color:#9B31E9;flex-shrink:0}
.legal-body ol{list-style:decimal}
.legal-body ol li::marker{color:#9B31E9;font-weight:600}
.legal-body li{font-size:18px;line-height:1.7;letter-spacing:.01em;margin-bottom:10px;color:#1a1a2e}
.legal-body li:last-child{margin-bottom:0}
.legal-body ul ul,.legal-body ol ol,.legal-body ul ol,.legal-body ol ul{margin-top:10px;margin-bottom:0}
.legal-body strong,.legal-body b{font-weight:700;color:#111126}
.legal-body em,.legal-body i{font-style:italic;color:#3a3a5c}
.legal-body table{width:100%;border-collapse:collapse;margin-bottom:32px;font-size:16px;line-height:1.6;letter-spacing:.01em;border-radius:0 0 8px 8px;overflow:hidden;box-shadow:0 2px 8px #0000000f 0 1px 2px #0000001a}
.legal-body thead{background:linear-gradient(135deg,#9B31E9 0%,#0799AA 100%)}
.legal-body thead th{color:#fff;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:14px 18px;text-align:left;border:none}
.legal-body tbody{background-color:#fff}
.legal-body tbody tr{border-bottom:1px solid #e8e8f0;transition:background-color .15s ease}
.legal-body tbody tr:last-child{border-bottom:none}
.legal-body tbody tr:nth-child(even){background-color:#f7f4fd}
.legal-body tbody tr:hover{background-color:#E2FCE2}
.legal-body th,.legal-body td{padding:13px 18px;text-align:left;vertical-align:top}
.legal-body td{font-size:17px;line-height:1.65;color:#1a1a2e;border-right:1px solid #e8e8f0}
.legal-body td:last-child{border-right:none}
.legal-body hr{border:none;border-top:2px solid transparent;background:linear-gradient(90deg,#9B31E9 0%,#0799AA 60%,transparent 100%);height:2px;margin:40px 0;border-radius:0 0 2px 2px;opacity:.35}
@media (max-width: 960px) {
.legal-body{padding:36px 20px 64px}
.legal-body p,.legal-body li{font-size:17px}
.legal-body table{font-size:15px}
.legal-body th,.legal-body td{padding:11px 14px}
.legal-body thead th{font-size:13px;padding:12px 14px}
}
@media (max-width: 480px) {
.legal-body{padding:24px 16px 48px}
.legal-body p,.legal-body li{font-size:16px;line-height:1.65}
.legal-body ul,.legal-body ol{padding-left:16px}
.legal-body ul li{padding-left:16px}
.legal-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:14px}
.legal-body th,.legal-body td{padding:10px 12px;white-space:nowrap}
.legal-body thead th{font-size:12px;padding:10px 12px}
.legal-body hr{margin:28px 0}
}
@media (min-width: 1440px) {
.legal-body{padding:64px 0 96px}
}
.pgcourses{overflow:hidden}
.pgcourses *{box-sizing:border-box}
.pgcourses ::selection{background:#9B31E9;color:#fff}
.pgcourses .pgwrap{max-width:1400px;margin:0 auto;padding:0 32px}
.pgcourses .pgwrap--narrow{max-width:900px;margin:0 auto;padding:0 32px}
.pgcourses .hroblock{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#0d0d0f}
.pgcourses .hroblock .hrobg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.38;filter:saturate(1.2)}
.pgcourses .hroblock .hrooverlay{position:absolute;inset:0;background:linear-gradient(160deg,#9b31e92e 0%,#0799aa1f 50%,#000000b8 100%)}
.pgcourses .hroblock .hrotexture{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff04 2px,#ffffff04 4px);pointer-events:none}
.pgcourses .hroblock .hrodecline{position:absolute;top:-80px;right:-80px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at top right,#9b31e959 0%,transparent 70%);pointer-events:none}
.pgcourses .hroblock .hrocnt{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 32px 96px;width:100%}
.pgcourses .hroblock .hrotag{display:inline-block;border:1px solid #e2fce273;color:#E2FCE2;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:6px 16px;margin-bottom:32px;border-radius:0 0 4px 4px}
.pgcourses .hroblock .hrotitle{font-size:clamp(38px,7vw,88px);line-height:1.05;letter-spacing:-.03em;color:#fff;margin:0 0 28px;font-weight:800;max-width:820px}
.pgcourses .hroblock .hrotitle .hraccentword{background:#9B31E9;color:#fff;padding:0 10px 4px;display:inline}
.pgcourses .hroblock .hropoints{list-style:none;margin:0 0 44px;padding:0;display:flex;flex-direction:column;gap:12px}
.pgcourses .hroblock .hropoints li{color:#ffffffd1;font-size:17px;letter-spacing:.02em;display:flex;flex-direction:row;align-items:center;gap:12px}
.pgcourses .hroblock .hropoints li .hrbullet{width:8px;height:8px;background:#0799AA;border-radius:0 0 2px 2px;flex-shrink:0}
.pgcourses .hroblock .hroctarow{display:flex;flex-direction:row;align-items:center;gap:24px;flex-wrap:wrap}
.pgcourses .hroblock .hrobtn{display:inline-block;background:#9B31E9;color:#fff;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:16px 36px;border-radius:0 0 8px 8px;text-decoration:none;box-shadow:0 2px 4px #0000002e 0 8px 24px #9b31e961;transition:background .2s,box-shadow .2s}
.pgcourses .hroblock .hrobtn:hover{background:#8220d4;box-shadow:0 2px 8px #00000047 0 12px 32px #9b31e980}
.pgcourses .hroblock .hroseclnk{color:#ffffffb8;font-size:14px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #ffffff4d;padding-bottom:2px;transition:color .2s,border-color .2s}
.pgcourses .hroblock .hroseclnk:hover{color:#E2FCE2;border-color:#E2FCE2}
.pgcourses .hrodivider{position:absolute;bottom:0;left:0;width:100%;height:48px;overflow:hidden}
.pgcourses .hrodivider svg{width:100%;height:100%}
.pgcourses .brdcrmb{background:#f7f7f9;padding:14px 0;border-bottom:1px solid #ebebef}
.pgcourses .brdcrmb .brdlist{display:flex;flex-direction:row;align-items:center;gap:8px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.pgcourses .brdcrmb .brdlist li{display:flex;flex-direction:row;align-items:center;gap:8px;font-size:13px;color:#888}
.pgcourses .brdcrmb .brdlist li a{color:#9B31E9;text-decoration:none}
.pgcourses .brdcrmb .brdlist li a:hover{text-decoration:underline}
.pgcourses .brdcrmb .brdlist li .brdsep{width:4px;height:4px;border-radius:50%;background:#bbb;display:inline-block}
.pgcourses .metricsstrip{background:#fff;padding:56px 0;border-bottom:1px solid #ebebef}
.pgcourses .metricsstrip .mtrow{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.pgcourses .metricsstrip .mtitem{padding:0 40px;border-right:1px solid #ebebef;display:flex;flex-direction:column;gap:8px}
.pgcourses .metricsstrip .mtitem:first-child{padding-left:0}
.pgcourses .metricsstrip .mtitem:last-child{border-right:none}
.pgcourses .metricsstrip .mtnumber{font-size:52px;font-weight:800;line-height:1;letter-spacing:-.04em;color:#0d0d0f}
.pgcourses .metricsstrip .mtnumber span{color:#9B31E9}
.pgcourses .metricsstrip .mtlabel{font-size:14px;color:#666;line-height:1.5;letter-spacing:.02em}
.pgcourses .metricsstrip .mtbar{height:3px;background:#f0e8fd;border-radius:0 0 2px 2px;margin-top:8px;overflow:hidden}
.pgcourses .metricsstrip .mtbar .mtfill{height:100%;background:#9B31E9;border-radius:0 0 2px 2px}
.pgcourses .coursegrid{background:#f7f7f9;padding:96px 0}
.pgcourses .coursegrid .sechd{margin-bottom:64px}
.pgcourses .coursegrid .sechd .seclabel{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#9B31E9;margin-bottom:16px;display:block}
.pgcourses .coursegrid .sechd h2{font-size:clamp(28px,4vw,46px);line-height:1.15;letter-spacing:-.025em;color:#0d0d0f;margin:0 0 16px;font-weight:800;border-left:4px solid #9B31E9;padding-left:20px}
.pgcourses .coursegrid .sechd p{font-size:17px;line-height:1.7;color:#555;max-width:580px;padding-left:24px;text-indent:-1em;padding-left:1em}
.pgcourses .cgridwrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}
.pgcourses .cgridwrap .ccard{background:#fff;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 1px 3px #0000000f 0 4px 16px #00000012;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.pgcourses .cgridwrap .ccard:hover{box-shadow:0 2px 6px #0000001a 0 12px 36px #9b31e924;transform:translateY(-3px)}
.pgcourses .cgridwrap .ccard .ccimgbox{position:relative;height:220px;overflow:hidden}
.pgcourses .cgridwrap .ccard .ccimgbox img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.pgcourses .cgridwrap .ccard:hover .ccimgbox img{transform:scale(1.04)}
.pgcourses .cgridwrap .ccard .ccimgbox .cctypebadge{position:absolute;top:0;left:16px;background:#9B31E9;color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 12px;border-radius:0 0 6px 6px}
.pgcourses .cgridwrap .ccard .ccbody{padding:28px;display:flex;flex-direction:column;flex:1;gap:14px}
.pgcourses .cgridwrap .ccard .ccbody h5{font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.015em;color:#0d0d0f;margin:0}
.pgcourses .cgridwrap .ccard .ccbody .ccdesc{font-size:15px;line-height:1.65;color:#666;margin:0}
.pgcourses .cgridwrap .ccard .ccbody .ccmeta{display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f4}
.pgcourses .cgridwrap .ccard .ccbody .ccmeta .ccmetaitem{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:13px;color:#888}
.pgcourses .cgridwrap .ccard .ccbody .ccmeta .ccmetaitem svg{flex-shrink:0}
.pgcourses .cgridwrap .ccard .ccbody .ccprice{font-size:22px;font-weight:800;color:#0d0d0f;letter-spacing:-.02em}
.pgcourses .cgridwrap .ccard .ccbody .ccprice .ccper{font-size:13px;font-weight:400;color:#999;letter-spacing:0}
.pgcourses .cgridwrap .ccard .ccbody .ccfoot{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.pgcourses .cgridwrap .ccard .ccbody .ccenroll{display:inline-block;background:#9B31E9;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:11px 22px;border-radius:0 0 7px 7px;text-decoration:none;box-shadow:0 2px 8px #9b31e947;transition:background .2s}
.pgcourses .cgridwrap .ccard .ccbody .ccenroll:hover{background:#8220d4}
.pgcourses .aprsec{background:#fff;padding:96px 0}
.pgcourses .aprsec .aprinner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.pgcourses .aprsec .aprtxt h2{font-size:clamp(26px,3.5vw,40px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#0d0d0f;margin:0 0 24px;border-left:4px solid #0799AA;padding-left:20px}
.pgcourses .aprsec .aprtxt p{font-size:17px;line-height:1.75;color:#555;margin:0 0 18px}
.pgcourses .aprsec .aprtxt p:last-of-type{margin-bottom:0}
.pgcourses .aprsec .aprimgcol{position:relative}
.pgcourses .aprsec .aprimgcol .aprimgwrap{border-radius:0 0 16px 16px;overflow:hidden;box-shadow:0 2px 6px #00000014 0 16px 48px #0799aa24}
.pgcourses .aprsec .aprimgcol .aprimgwrap img{width:100%;height:380px;object-fit:cover;display:block}
.pgcourses .aprsec .aprimgcol .aprdecbox{position:absolute;bottom:-28px;left:-28px;background:#E2FCE2;padding:20px 24px;border-radius:0 0 10px 10px;box-shadow:0 2px 8px #0000001a;z-index:1}
.pgcourses .aprsec .aprimgcol .aprdecbox .adbn{font-size:28px;font-weight:800;color:#0d0d0f;line-height:1;letter-spacing:-.03em}
.pgcourses .aprsec .aprimgcol .aprdecbox .adbll{font-size:12px;color:#444;margin-top:4px}
.pgcourses .testimsec{background:linear-gradient(135deg,#1a0630 0%,#091e23 100%);padding:96px 0;position:relative;overflow:hidden}
.pgcourses .testimsec .tsbgdeco{position:absolute;top:-120px;right:-120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at top right,#9b31e933 0%,transparent 65%);pointer-events:none}
.pgcourses .testimsec .tshd{text-align:center;margin-bottom:64px}
.pgcourses .testimsec .tshd h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:0 0 16px}
.pgcourses .testimsec .tshd .tssublabel{font-size:14px;color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase}
.pgcourses .testimsec .tsgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pgcourses .testimsec .tscard{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:0 0 12px 12px;padding:36px;display:flex;flex-direction:column;gap:20px;backdrop-filter:blur(6px);box-shadow:inset 0 2px 6px #0000002e}
.pgcourses .testimsec .tscard .tsquote{font-size:16px;line-height:1.75;color:#ffffffd1}
.pgcourses .testimsec .tscard .tsauthor{display:flex;flex-direction:row;align-items:center;gap:14px}
.pgcourses .testimsec .tscard .tsauthor .tsavatar{width:48px;height:48px;border-radius:0 0 8px 8px;overflow:hidden;flex-shrink:0;border:2px solid #9b31e980}
.pgcourses .testimsec .tscard .tsauthor .tsavatar img{width:100%;height:100%;object-fit:cover;object-position:center top}
.pgcourses .testimsec .tscard .tsauthor .tsname{font-size:15px;font-weight:700;color:#fff;margin:0}
.pgcourses .testimsec .tscard .tsauthor .tsrole{font-size:12px;color:#ffffff80;margin-top:2px}
.pgcourses .testimsec .tscard .tsstars{display:flex;flex-direction:row;gap:4px}
.pgcourses .testimsec .tscard .tsstars .tsstar{width:14px;height:14px;background:#f5c842;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.pgcourses .fmtsec{background:#f7f7f9;padding:96px 0}
.pgcourses .fmtsec .fmthd{margin-bottom:56px}
.pgcourses .fmtsec .fmthd h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#0d0d0f;margin:0 0 16px;border-left:4px solid #9B31E9;padding-left:20px}
.pgcourses .fmtsec .fmthd p{font-size:17px;line-height:1.7;color:#555;max-width:560px;padding-left:24px}
.pgcourses .fmtsec .fmtrow{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.pgcourses .fmtsec .fmtbox{background:#fff;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 1px 3px #0000000f 0 6px 20px #00000012}
.pgcourses .fmtsec .fmtbox .fmthead{padding:32px 36px 24px;border-bottom:1px solid #f0f0f4}
.pgcourses .fmtsec .fmtbox .fmthead h4{font-size:22px;font-weight:800;color:#0d0d0f;margin:0 0 8px;letter-spacing:-.015em}
.pgcourses .fmtsec .fmtbox .fmthead .fmtsub{font-size:14px;color:#777}
.pgcourses .fmtsec .fmtbox .fmthead .fmtaccent{display:inline-block;width:40px;height:4px;border-radius:0 0 3px 3px;margin-bottom:16px}
.pgcourses .fmtsec .fmtbox.fmtindiv .fmthead .fmtaccent{background:#9B31E9}
.pgcourses .fmtsec .fmtbox.fmtgroup .fmthead .fmtaccent{background:#0799AA}
.pgcourses .fmtsec .fmtbox .fmtbody{padding:28px 36px 36px}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtlist li{display:flex;flex-direction:row;align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;color:#444}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtlist li .fmtdot{width:10px;height:10px;border-radius:0 0 3px 3px;margin-top:5px;flex-shrink:0}
.pgcourses .fmtsec .fmtbox.fmtindiv .fmtlist .fmtdot{background:#9B31E9}
.pgcourses .fmtsec .fmtbox.fmtgroup .fmtlist .fmtdot{background:#0799AA}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtpricetag{margin-top:28px;padding-top:24px;border-top:1px solid #f0f0f4;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtpricetag .fmtpr{font-size:26px;font-weight:800;color:#0d0d0f;letter-spacing:-.02em}
.pgcourses .fmtsec .fmtbox .fmtbody .fmtpricetag .fmtpr small{font-size:13px;font-weight:400;color:#999}
.pgcourses .fmtsec .fmtbox.fmtindiv .fmtbody .fmtcta{display:inline-block;background:#9B31E9;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 24px;border-radius:0 0 7px 7px;text-decoration:none;box-shadow:0 2px 8px #9b31e947;transition:background .2s}
.pgcourses .fmtsec .fmtbox.fmtindiv .fmtbody .fmtcta:hover{background:#8220d4}
.pgcourses .fmtsec .fmtbox.fmtgroup .fmtbody .fmtcta{display:inline-block;background:#0799AA;color:#fff;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 24px;border-radius:0 0 7px 7px;text-decoration:none;box-shadow:0 2px 8px #0799aa47;transition:background .2s}
.pgcourses .fmtsec .fmtbox.fmtgroup .fmtbody .fmtcta:hover{background:#068898}
.pgcourses .resultssec{background:#fff;padding:96px 0}
.pgcourses .resultssec .reshd{text-align:center;margin-bottom:64px}
.pgcourses .resultssec .reshd h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#0d0d0f;margin:0 0 16px}
.pgcourses .resultssec .reshd h2 .resaccent{background:#E2FCE2;padding:2px 10px;color:#0d0d0f}
.pgcourses .resultssec .reshd .ressub{font-size:17px;line-height:1.65;color:#666;max-width:560px;margin:0 auto}
.pgcourses .resultssec .resgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.pgcourses .resultssec .resitem{background:#fafafa;border:1px solid #ebebef;border-radius:0 0 12px 12px;padding:32px;display:flex;flex-direction:column;gap:20px;box-shadow:inset 0 2px 4px #00000008}
.pgcourses .resultssec .resitem .reslabel{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#999}
.pgcourses .resultssec .resitem .resrow{display:flex;flex-direction:row;align-items:stretch;gap:12px}
.pgcourses .resultssec .resitem .rescol{flex:1;display:flex;flex-direction:column;gap:6px}
.pgcourses .resultssec .resitem .rescol .rclabel{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#bbb}
.pgcourses .resultssec .resitem .rescol .rcval{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.03em}
.pgcourses .resultssec .resitem .rescol.rcbefore .rcval{color:#c0c0c8}
.pgcourses .resultssec .resitem .rescol.rcafter .rcval{color:#9B31E9}
.pgcourses .resultssec .resitem .resarrow{width:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0799AA;flex-shrink:0}
.pgcourses .resultssec .resitem .resdesc{font-size:14px;line-height:1.6;color:#666;margin:0}
.pgcourses .resultssec .resitem .resbar{height:4px;background:#f0f0f4;border-radius:0 0 3px 3px;overflow:hidden}
.pgcourses .resultssec .resitem .resbar .resfill{height:100%;background:linear-gradient(90deg,#9B31E9,#0799AA);border-radius:0 0 3px 3px}
.pgcourses .ctastrip{background:#9B31E9;padding:72px 0;position:relative;overflow:hidden}
.pgcourses .ctastrip .ctadeco{position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:#ffffff0f;pointer-events:none}
.pgcourses .ctastrip .ctadeco2{position:absolute;bottom:-60px;left:10%;width:240px;height:240px;border-radius:50%;background:#ffffff0a;pointer-events:none}
.pgcourses .ctastrip .ctainner{position:relative;z-index:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.pgcourses .ctastrip .ctainner h2{font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#fff;margin:0 0 12px}
.pgcourses .ctastrip .ctainner p{font-size:16px;line-height:1.65;color:#fffc;margin:0;max-width:480px}
.pgcourses .ctastrip .ctabtnrow{display:flex;flex-direction:row;gap:16px;flex-wrap:wrap;flex-shrink:0}
.pgcourses .ctastrip .ctabtnprimary{display:inline-block;background:#fff;color:#9B31E9;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:16px 32px;border-radius:0 0 8px 8px;text-decoration:none;font-weight:700;box-shadow:0 2px 8px #0000002e;transition:background .2s,color .2s}
.pgcourses .ctastrip .ctabtnprimary:hover{background:#E2FCE2;color:#7a18c5}
.pgcourses .ctastrip .ctabtnsec{display:inline-block;background:transparent;color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:16px 32px;border-radius:0 0 8px 8px;text-decoration:none;border:1px solid #ffffff80;transition:border-color .2s,background .2s}
.pgcourses .ctastrip .ctabtnsec:hover{border-color:#fff;background:#ffffff14}
@media (max-width: 960px) {
.pgcourses .metricsstrip .mtrow{grid-template-columns:1fr 1fr;gap:32px}
.pgcourses .metricsstrip .mtitem{padding:0;border-right:none;border-bottom:1px solid #ebebef;padding-bottom:24px}
.pgcourses .metricsstrip .mtitem:last-child{border-bottom:none}
.pgcourses .aprsec .aprinner{grid-template-columns:1fr;gap:48px}
.pgcourses .aprsec .aprimgcol .aprdecbox{left:12px;bottom:12px}
.pgcourses .testimsec .tsgrid{grid-template-columns:1fr}
.pgcourses .fmtsec .fmtrow{grid-template-columns:1fr}
.pgcourses .resultssec .resgrid{grid-template-columns:1fr 1fr}
.pgcourses .cgridwrap{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
}
@media (max-width: 480px) {
.pgcourses .pgwrap,.pgcourses .pgwrap--narrow{padding:0 16px}
.pgcourses .hroblock .hrocnt{padding:0 16px 64px}
.pgcourses .metricsstrip .mtrow{grid-template-columns:1fr}
.pgcourses .coursegrid,.pgcourses .aprsec,.pgcourses .testimsec,.pgcourses .fmtsec,.pgcourses .resultssec{padding:64px 0}
.pgcourses .resultssec .resgrid{grid-template-columns:1fr}
.pgcourses .ctastrip .ctainner{flex-direction:column;align-items:flex-start}
.pgcourses .cgridwrap{grid-template-columns:1fr}
.pgcourses .hroblock .hrotitle{font-size:clamp(32px,9vw,52px)}
}
.aboutpg{overflow:hidden}
.aboutpg *{box-sizing:border-box}
.aboutpg ::selection{background:#9B31E9;color:#fff}
.aboutpg .maxw{max-width:1400px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}
@media (max-width: 960px) {
.aboutpg .maxw{padding-left:24px;padding-right:24px}
}
@media (max-width: 480px) {
.aboutpg .maxw{padding-left:16px;padding-right:16px}
}
.aboutpg .stripbreak{height:4px;background:linear-gradient(90deg,#9B31E9 0%,#0799AA 100%);width:100%}
.aboutpg .hdblock{padding:100px 0 80px;background:#fff;position:relative;overflow:hidden}
.aboutpg .hdblock::before{content:'';position:absolute;top:-180px;right:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle at top right,#9b31e917 0%,transparent 70%);pointer-events:none}
.aboutpg .hdblock::after{content:'';position:absolute;bottom:-120px;left:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle at top right,#0799aa12 0%,transparent 70%);pointer-events:none}
.aboutpg .hdlayout{display:grid;grid-template-columns:1fr 480px 1fr;gap:48px;align-items:center}
@media (max-width: 1440px) {
.aboutpg .hdlayout{grid-template-columns:1fr 420px 1fr;gap:36px}
}
@media (max-width: 960px) {
.aboutpg .hdlayout{grid-template-columns:1fr;gap:32px}
}
.aboutpg .hdimg{width:100%;aspect-ratio:3/4;overflow:hidden;border-radius:0 0 32px 32px;box-shadow:0 4px 24px #9b31e914 0 12px 40px #0000001a}
.aboutpg .hdimg img{width:100%;height:100%;object-fit:cover;filter:sepia(0.18) contrast(1.07) brightness(0.97) saturate(0.9);display:block}
.aboutpg .hdimgleft{border-radius:0 0 0 32px}
.aboutpg .hdimgright{border-radius:0 0 32px 0}
@media (max-width: 960px) {
.aboutpg .hdimg{aspect-ratio:16/7;border-radius:0 0 20px 20px;max-height:280px}
.aboutpg .hdimgleft,.aboutpg .hdimgright{display:none}
}
.aboutpg .hdtxt{text-align:center;position:relative;z-index:1}
.aboutpg .hdtxt .hdlabel{display:inline-block;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#0799AA;margin-bottom:20px;padding:6px 16px;border:1px solid #0799aa40;border-radius:0 0 8px 8px}
.aboutpg .hdtxt h1{font-size:clamp(38px,5.5vw,72px);line-height:1.3;letter-spacing:-.02em;color:#111;margin:0 0 24px}
.aboutpg .hdtxt h1 .accentword{background:#E2FCE2;padding:0 6px;display:inline}
.aboutpg .hdtxt .hddesc{font-size:18px;line-height:1.7;color:#444;max-width:420px;margin:0 auto;text-indent:-18px;padding-left:18px}
@media (max-width: 960px) {
.aboutpg .hdtxt .hddesc{max-width:100%}
}
.aboutpg .midsec{padding:90px 0;background:#f8f6ff;position:relative;overflow:hidden}
.aboutpg .midsec .circdeco1{position:absolute;top:-60px;right:5%;width:320px;height:320px;border-radius:50%;background:#9b31e90d;pointer-events:none}
.aboutpg .midsec .circdeco2{position:absolute;bottom:-80px;left:10%;width:220px;height:220px;border-radius:50%;background:#0799aa0f;pointer-events:none}
.aboutpg .midlayout{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start}
@media (max-width: 960px) {
.aboutpg .midlayout{grid-template-columns:1fr;gap:48px}
}
.aboutpg .midleft{position:relative}
.aboutpg .midimggrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:12px}
.aboutpg .midimggrid .mgitem{overflow:hidden;border-radius:0 0 18px 18px;box-shadow:0 3px 14px #00000017 0 8px 28px #9b31e90f}
.aboutpg .midimggrid .mgitem img{width:100%;height:100%;object-fit:cover;display:block;filter:sepia(0.12) contrast(1.05) brightness(0.98)}
.aboutpg .midimggrid .mgitem:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;height:220px}
.aboutpg .midimggrid .mgitem:nth-child(2){grid-column:2 / 3;grid-row:1 / 3;height:320px;align-self:start}
.aboutpg .midimggrid .mgitem:nth-child(3){grid-column:1 / 2;grid-row:2 / 3;height:200px}
@media (max-width: 480px) {
.aboutpg .midimggrid{grid-template-columns:1fr;grid-template-rows:auto}
.aboutpg .midimggrid .mgitem{height:200px!important;grid-column:1!important;grid-row:auto!important}
}
.aboutpg .midright{padding-top:8px}
.aboutpg .sechdg{font-size:clamp(26px,3.2vw,42px);line-height:1.3;letter-spacing:-.01em;color:#111;margin:0 0 28px;padding-left:18px;border-left:4px solid #9B31E9}
.aboutpg .midright .secbody{font-size:18px;line-height:1.7;color:#3a3a3a;margin-bottom:20px;text-indent:-18px;padding-left:18px}
.aboutpg .statsrow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:44px}
@media (max-width: 480px) {
.aboutpg .statsrow{grid-template-columns:1fr 1fr}
}
.aboutpg .statitem{background:#fff;border-radius:0 0 14px 14px;padding:20px 16px 18px;box-shadow:inset 0 3px 8px #9b31e912 0 4px 14px #0000000f;text-align:center}
.aboutpg .statitem .stnum{font-size:34px;line-height:1;letter-spacing:-.03em;color:#9B31E9;display:block;margin-bottom:6px}
.aboutpg .statitem .stlbl{font-size:13px;line-height:1.4;color:#666;letter-spacing:.04em}
.aboutpg .teamsec{padding:90px 0 100px;background:#fff;position:relative;overflow:hidden}
.aboutpg .teamsec::before{content:'';position:absolute;top:30px;left:-140px;width:440px;height:440px;border-radius:50%;background:#e2fce273;pointer-events:none}
.aboutpg .teamsec::after{content:'';position:absolute;bottom:0;right:-100px;width:300px;height:300px;border-radius:50%;background:#9b31e90a;pointer-events:none}
.aboutpg .teamhd{margin-bottom:60px}
.aboutpg .teamhd h2{font-size:clamp(26px,3.2vw,42px);line-height:1.3;letter-spacing:-.01em;color:#111;margin:0 0 14px;padding-left:18px;border-left:4px solid #0799AA}
.aboutpg .teamhd .teamintro{font-size:18px;line-height:1.7;color:#555;max-width:620px;text-indent:-18px;padding-left:18px}
.aboutpg .teamlayout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width: 960px) {
.aboutpg .teamlayout{grid-template-columns:1fr;gap:48px}
}
.aboutpg .profilecard{display:flex;flex-direction:row;gap:28px;align-items:flex-start;background:#fafafa;border-radius:0 0 20px 20px;padding:28px;box-shadow:0 2px 12px #0000000f 0 6px 24px #9b31e912;inset-shadow:inset 0 2px 6px #9b31e90d}
.aboutpg .profilecard .pimg{width:110px;height:130px;flex-shrink:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 4px 14px #0000001a}
.aboutpg .profilecard .pimg img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}
.aboutpg .profilecard .ptxt{flex:1;min-width:0}
.aboutpg .profilecard .ptxt .pname{font-size:20px;line-height:1.3;color:#111;margin:0 0 4px;letter-spacing:-.01em}
.aboutpg .profilecard .ptxt .prole{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#9B31E9;margin-bottom:12px;display:block}
.aboutpg .profilecard .ptxt .pbio{font-size:16px;line-height:1.6;color:#555;margin:0}
@media (max-width: 480px) {
.aboutpg .profilecard{flex-direction:column}
.aboutpg .profilecard .pimg{width:90px;height:108px}
}
.aboutpg .valuesblock{background:#f0f7f8;border-radius:0 0 20px 20px;padding:32px;box-shadow:inset 0 4px 10px #0799aa12}
.aboutpg .valuesblock h4{font-size:18px;line-height:1.3;color:#111;margin:0 0 22px;padding-left:14px;border-left:3px solid #0799AA;letter-spacing:-.01em}
.aboutpg .vlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.aboutpg .vlist li{display:flex;flex-direction:row;gap:14px;align-items:flex-start;font-size:16px;line-height:1.6;color:#3a3a3a}
.aboutpg .vlist li::before{content:'';flex-shrink:0;width:10px;height:10px;border-radius:50%;background:#9B31E9;margin-top:7px;box-shadow:0 0 0 3px #9b31e926}
.aboutpg .connectline{position:relative;margin:0 auto;max-width:900px}
.aboutpg .linesvgwrap{display:block;overflow:hidden}
.aboutpg .linesvgwrap svg{display:block;width:100%}
.aboutpg .lpath{stroke-dasharray:600;stroke-dashoffset:600;animation:drawline 2.2s ease forwards .3s}
@keyframes drawline {
to{stroke-dashoffset:0}
}
.aboutpg .imgreveal{opacity:0;transform:translateY(24px);animation:imgfadein .9s ease forwards}
.aboutpg .imgreveal:nth-child(1){animation-delay:.15s}
.aboutpg .imgreveal:nth-child(2){animation-delay:.35s}
.aboutpg .imgreveal:nth-child(3){animation-delay:.55s}
@keyframes imgfadein {
to{opacity:1;transform:translateY(0)}
}
.aboutpg .fadein{opacity:0;transform:translateY(18px);animation:fadeinup .85s ease forwards .2s}
@keyframes fadeinup {
to{opacity:1;transform:translateY(0)}
}
.pgcontact{overflow:hidden;position:relative}
.pgcontact .txtselbg ::selection{background:#9B31E9;color:#fff}
.pgcontact .herobk{position:relative;background:#0f0f14;min-height:52vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:5rem 2rem 3.5rem;overflow:hidden}
.pgcontact .herobk::before{content:'';position:absolute;top:-120px;right:-120px;width:520px;height:520px;background:radial-gradient(circle at top right,#9b31e947 0%,transparent 70%);pointer-events:none}
.pgcontact .herobk .noiseover{position:absolute;inset:0;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='260' height='260' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat}
.pgcontact .herobk .thinlines{position:absolute;top:0;left:0;right:0;height:3px;display:flex;flex-direction:row;pointer-events:none}
.pgcontact .herobk .thinlines span{display:block}
.pgcontact .herobk .thinlines span:nth-child(1){flex:2;background:#9B31E9;height:2px;align-self:flex-end}
.pgcontact .herobk .thinlines span:nth-child(2){flex:1;background:#0799AA;height:3px;align-self:flex-end}
.pgcontact .herobk .thinlines span:nth-child(3){flex:3;background:#9B31E9;height:1px;align-self:flex-end;opacity:.4}
.pgcontact .herobk .imgaccent{position:absolute;right:0;top:0;bottom:0;width:38%;max-width:480px;overflow:hidden;pointer-events:none}
.pgcontact .herobk .imgaccent img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:sepia(0.4) contrast(1.1) brightness(0.55) saturate(0.7)}
.pgcontact .herobk .imgaccent::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f0f14 0%,transparent 60%)}
.pgcontact .herobk .hdwrap{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto}
.pgcontact .herobk .hdwrap .hdlabel{display:inline-block;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#0799AA;border-left:2px solid #0799AA;padding-left:.7em;margin-bottom:1.1rem}
.pgcontact .herobk .hdwrap h1{font-size:clamp(2.4rem,5.5vw,4.2rem);line-height:1.12;letter-spacing:-.03em;color:#f5f5f5;margin:0 0 1.1rem;max-width:640px}
.pgcontact .herobk .hdwrap h1 .hltword{display:inline;background:#9B31E9;color:#fff;padding:0 .18em;border-radius:0 0 4px 4px}
.pgcontact .herobk .hdwrap .hdlettanim{animation:letterspread 1.1s cubic-bezier(.22,1,.36,1) forwards;letter-spacing:-.03em}
@keyframes letterspread {
from{letter-spacing:.12em;opacity:.3}
to{letter-spacing:-.03em;opacity:1}
}
.pgcontact .herobk .hdwrap .subhd{font-size:1.05rem;line-height:1.6;color:#f5f5f59e;max-width:440px;margin:0;letter-spacing:.01em}
.pgcontact .formblock{background:#fafafa;padding:4.5rem 2rem 5rem;position:relative}
.pgcontact .formblock::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:#9b31e92e}
.pgcontact .formblock::after{content:'';position:absolute;top:2px;left:0;right:0;height:3px;background:#0799aa1c}
.pgcontact .formblock .petalbg{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pgcontact .formblock .petalbg svg{position:absolute;bottom:-60px;right:-60px;opacity:.045;width:420px;height:420px}
.pgcontact .formblock .fblayout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem 5rem;align-items:start}
.pgcontact .formblock .fbleft{position:relative}
.pgcontact .formblock .fbleft .sectionlbl{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#9B31E9;border-left:2px solid #9B31E9;padding-left:.7em;display:inline-block;margin-bottom:1rem}
.pgcontact .formblock .fbleft h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.24;letter-spacing:-.02em;color:#181820;margin:0 0 1.4rem}
.pgcontact .formblock .fbleft .introtxt{font-size:1rem;line-height:1.72;color:#444;margin:0 0 2.2rem;padding-left:1.1rem;text-indent:-1.1rem}
.pgcontact .formblock .fbleft .cdetails{display:flex;flex-direction:column;gap:1.1rem;margin-bottom:2.4rem}
.pgcontact .formblock .fbleft .cdetails .cdrow{display:flex;flex-direction:row;align-items:flex-start;gap:.85rem}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdicon{flex-shrink:0;width:38px;height:38px;border-radius:0 0 8px 8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #9b31e91f inset 0 2px 4px #9b31e914}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdicon.icnpurp{background:#9b31e91a}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdicon.icnteal{background:#0799aa1a}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdicon svg{width:18px;height:18px}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdtxt{display:flex;flex-direction:column}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdtxt .cdlbl{font-size:.73rem;letter-spacing:.12em;text-transform:uppercase;color:#999;margin-bottom:.15rem}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdtxt a,.pgcontact .formblock .fbleft .cdetails .cdrow .cdtxt span{font-size:.97rem;color:#181820;text-decoration:none;line-height:1.5}
.pgcontact .formblock .fbleft .cdetails .cdrow .cdtxt a:hover{color:#9B31E9}
.pgcontact .formblock .fbleft .imgthumb{position:relative;border-radius:0 0 12px 12px;overflow:hidden;box-shadow:0 4px 18px #0000001a 0 1.5px 4px #00000012;max-width:340px}
.pgcontact .formblock .fbleft .imgthumb img{display:block;width:100%;height:200px;object-fit:cover;filter:sepia(0.12) contrast(1.04);transition:filter .5s ease}
.pgcontact .formblock .fbleft .imgthumb:hover img{filter:sepia(0) contrast(1.06) saturate(1.15) hue-rotate(-8deg) brightness(0.92)}
.pgcontact .formblock .fbleft .imgthumb::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#9b31e900 60%,#9b31e952 100%);opacity:0;transition:opacity .5s ease}
.pgcontact .formblock .fbleft .imgthumb:hover::after{opacity:1}
.pgcontact .formblock .fbright{background:#fff;border-radius:0 0 14px 14px;padding:2.6rem 2.4rem;box-shadow:0 4px 24px #0000000f inset 0 3px 5px #9b31e90a;position:relative}
.pgcontact .formblock .fbright::before{content:'';position:absolute;top:0;left:2rem;right:2rem;height:2px;background:linear-gradient(90deg,#9B31E9 0%,#0799AA 100%);border-radius:0 0 2px 2px}
.pgcontact .formblock .fbright h3{font-size:1.25rem;letter-spacing:-.01em;line-height:1.3;color:#181820;margin:0 0 .4rem;border-left:3px solid #9B31E9;padding-left:.7rem}
.pgcontact .formblock .fbright .formsubtxt{font-size:.9rem;color:#777;margin:0 0 1.8rem;line-height:1.55;padding-left:1rem}
.pgcontact .formblock .fbright .fmform{display:flex;flex-direction:column;gap:0}
.pgcontact .formblock .fbright .fmform .frow{display:flex;flex-direction:column;margin-bottom:1.25rem}
.pgcontact .formblock .fbright .fmform .frow label{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#555;margin-bottom:.4rem}
.pgcontact .formblock .fbright .fmform .frow input[type="text"],.pgcontact .formblock .fbright .fmform .frow input[type="email"],.pgcontact .formblock .fbright .fmform .frow input[type="tel"],.pgcontact .formblock .fbright .fmform .frow textarea,.pgcontact .formblock .fbright .fmform .frow select{width:100%;padding:.75rem 1rem;font-size:1rem;border:1.5px solid #e0e0e8;border-radius:0 0 8px 8px;background:#fafbff;color:#181820;outline:none;transition:border-color 0.22s,box-shadow .22s;box-shadow:inset 0 2px 4px #0000000a;appearance:none;-webkit-appearance:none}
.pgcontact .formblock .fbright .fmform .frow input::placeholder,.pgcontact .formblock .fbright .fmform .frow textarea::placeholder{color:#b8b8c8;font-size:.92rem}
.pgcontact .formblock .fbright .fmform .frow input:focus,.pgcontact .formblock .fbright .fmform .frow textarea:focus,.pgcontact .formblock .fbright .fmform .frow select:focus{border-color:#9B31E9;box-shadow:inset 0 2px 4px #9b31e90f 0 0 0 3px #9b31e917}
.pgcontact .formblock .fbright .fmform .frow textarea{min-height:110px;resize:vertical}
.pgcontact .formblock .fbright .fmform .frow select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239B31E9' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer}
.pgcontact .formblock .fbright .fmform .typrow{margin-bottom:1.4rem}
.pgcontact .formblock .fbright .fmform .typrow label.typtitle{font-size:.8rem;letter-spacing:.09em;text-transform:uppercase;color:#555;display:block;margin-bottom:.6rem}
.pgcontact .formblock .fbright .fmform .typopts{display:flex;flex-direction:row;gap:.6rem;flex-wrap:wrap}
.pgcontact .formblock .fbright .fmform .typopts input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}
.pgcontact .formblock .fbright .fmform .typopts label.typopt{padding:.5rem 1.1rem;border:1.5px solid #e0e0e8;border-radius:0 0 8px 8px;font-size:.88rem;color:#555;cursor:pointer;transition:border-color 0.2s,background 0.2s,color .2s;background:#fafbff;letter-spacing:.03em;user-select:none}
.pgcontact .formblock .fbright .fmform .typopts input[type="radio"]:checked + label.typopt{border-color:#9B31E9;background:#9b31e912;color:#9B31E9}
.pgcontact .formblock .fbright .fmform .typopts label.typopt:hover{border-color:#9B31E9;color:#9B31E9}
.pgcontact .formblock .fbright .fmform .condfield{display:none;flex-direction:column;margin-bottom:1.25rem}
#typgrp:checked ~ .condfield.fgrp,#typindv:checked ~ .condfield.findv,#typother:checked ~ .condfield.foth{display:flex}
.pgcontact .formblock .fbright .fmform .privrow{display:flex;flex-direction:row;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:#f5f0fd;border-radius:0 0 8px 8px;border:1px solid #9b31e91f}
.pgcontact .formblock .fbright .fmform .privrow input[type="checkbox"]{flex-shrink:0;width:18px;height:18px;margin-top:.18rem;accent-color:#9B31E9;cursor:pointer}
.pgcontact .formblock .fbright .fmform .privrow .privtxt{font-size:.85rem;color:#555;line-height:1.55}
.pgcontact .formblock .fbright .fmform .privrow .privtxt a{color:#9B31E9;text-decoration:underline;text-underline-offset:2px}
.pgcontact .formblock .fbright .fmform .privrow .privtxt a:hover{color:#7b1fc9}
.pgcontact .formblock .fbright .fmform .sbmtrow{display:flex;flex-direction:row;align-items:center;gap:1.2rem}
.pgcontact .formblock .fbright .fmform .sbmtrow .btnsbmt{display:inline-block;padding:.82rem 2.2rem;background:#9B31E9;color:#fff;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;border:none;border-radius:0 0 8px 8px;cursor:pointer;box-shadow:0 3px 10px #9b31e938 inset 0 1px 2px #ffffff1a;transition:background 0.22s,box-shadow .22s}
.pgcontact .formblock .fbright .fmform .sbmtrow .btnsbmt:hover{background:#7b1fc9;box-shadow:0 5px 16px #9b31e952 inset 0 1px 2px #ffffff1a}
.pgcontact .formblock .fbright .fmform .sbmtrow .btnsbmt:focus{outline:3px solid #9b31e961;outline-offset:2px}
.pgcontact .formblock .fbright .fmform .sbmtrow .sbmtnote{font-size:.82rem;color:#aaa;line-height:1.4}
@media (max-width: 960px) {
.pgcontact .herobk{min-height:auto;padding:4rem 1.5rem 3rem}
.pgcontact .herobk .imgaccent{width:45%;opacity:.5}
.pgcontact .formblock .fblayout{grid-template-columns:1fr;gap:2.5rem}
.pgcontact .formblock .fbleft .imgthumb{max-width:100%}
.pgcontact .formblock{padding:3rem 1.5rem 4rem}
}
@media (max-width: 480px) {
.pgcontact .herobk{padding:3.2rem 1.2rem 2.4rem}
.pgcontact .herobk .imgaccent{display:none}
.pgcontact .herobk .hdwrap h1{font-size:2rem}
.pgcontact .formblock{padding:2.4rem 1rem 3rem}
.pgcontact .formblock .fbright{padding:1.8rem 1.2rem}
.pgcontact .formblock .fbright .fmform .typopts{flex-direction:column}
.pgcontact .formblock .fbright .fmform .sbmtrow{flex-direction:column;align-items:flex-start}
}
.pgsucc{display:block;width:100%;overflow:hidden;background:#fff}
.pgsucc .succwrap{max-width:1400px;margin:0 auto;padding:80px 40px 120px;position:relative}
.pgsucc .dotfield{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:0}
.pgsucc .dotfield span{position:absolute;width:5px;height:5px;border-radius:50%;background:#9B31E9;opacity:.12}
.pgsucc .dotfield span:nth-child(1){top:8%;left:3%;width:4px;height:4px}
.pgsucc .dotfield span:nth-child(2){top:15%;left:91%;width:6px;height:6px;opacity:.08}
.pgsucc .dotfield span:nth-child(3){top:30%;left:7%;width:3px;height:3px}
.pgsucc .dotfield span:nth-child(4){top:45%;left:95%;width:5px;height:5px;opacity:.1}
.pgsucc .dotfield span:nth-child(5){top:60%;left:2%;width:6px;height:6px;opacity:.07}
.pgsucc .dotfield span:nth-child(6){top:75%;left:88%;width:4px;height:4px}
.pgsucc .dotfield span:nth-child(7){top:88%;left:12%;width:5px;height:5px;opacity:.09}
.pgsucc .dotfield span:nth-child(8){top:20%;left:50%;width:3px;height:3px;opacity:.06}
.pgsucc .dotfield span:nth-child(9){top:55%;left:70%;width:4px;height:4px;opacity:.1}
.pgsucc .dotfield span:nth-child(10){top:92%;left:60%;width:6px;height:6px;opacity:.08}
.pgsucc .gradcircle{position:absolute;top:-180px;right:-180px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle at top right,#9b31e914 0%,transparent 70%);pointer-events:none;z-index:0}
.pgsucc .innercontent{position:relative;z-index:1;display:flex;flex-direction:row;align-items:flex-start;gap:80px}
.pgsucc .leftcol{flex:1 1 0;min-width:0}
.pgsucc .rightcol{flex:0 0 340px;max-width:340px}
.pgsucc .iconring{width:72px;height:72px;margin-bottom:32px;position:relative}
.pgsucc .iconring svg{width:72px;height:72px}
.pgsucc .mainhdg{font-size:52px;line-height:1.3;letter-spacing:-.02em;color:#111;margin:0 0 8px;font-weight:700}
.pgsucc .mainhdg .hlword{display:inline;background:#E2FCE2;padding:0 6px 2px;border-radius:0 0 4px 4px}
.pgsucc .subhdg{font-size:20px;line-height:1.6;color:#444;margin:0 0 40px;font-weight:400;letter-spacing:.01em}
.pgsucc .divline{border:none;border-top:2px dotted #ddd;margin:0 0 40px}
.pgsucc .bodytxt{font-size:18px;line-height:1.7;color:#333;margin:0 0 24px;text-indent:-18px;padding-left:18px}
.pgsucc .bodytxt:last-of-type{margin-bottom:0}
.pgsucc .accentlabel{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#9B31E9;margin-bottom:16px}
.pgsucc .steplist{list-style:none;padding:0;margin:0 0 40px}
.pgsucc .steplist li{display:flex;flex-direction:row;align-items:flex-start;gap:16px;padding:14px 0;border-bottom:1px dotted #e0e0e0;font-size:17px;line-height:1.55;color:#333}
.pgsucc .steplist li:last-child{border-bottom:none}
.pgsucc .stepnum{flex:0 0 28px;height:28px;background:#9B31E9;color:#fff;font-size:12px;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:0 0 6px 6px;margin-top:2px;letter-spacing:.03em}
.pgsucc .ctarow{display:flex;flex-direction:row;align-items:center;gap:20px;margin-top:40px;flex-wrap:wrap}
.pgsucc .btnprimary{display:inline-block;padding:14px 32px;background:#9B31E9;color:#fff;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:0 0 8px 8px;border:2px solid #9B31E9;cursor:pointer;transition:background 0.2s,color 0.2s,border-color .2s;box-shadow:0 2px 8px #9b31e926 inset 0 2px 4px #ffffff14}
.pgsucc .btnprimary:hover,.pgsucc .btnprimary:focus{background:#7c20c8;border-color:#7c20c8;color:#fff;outline:none}
.pgsucc .btnprimary:active{background:#5e149a;border-color:#5e149a}
.pgsucc .btnsec{display:inline-block;padding:14px 32px;background:transparent;color:#0799AA;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border-radius:0 0 8px 8px;border:2px solid #0799AA;cursor:pointer;transition:background 0.2s,color .2s;box-shadow:inset 0 2px 4px #0799aa0f}
.pgsucc .btnsec:hover,.pgsucc .btnsec:focus{background:#0799AA;color:#fff;outline:none}
.pgsucc .btnsec:active{background:#057a89;border-color:#057a89;color:#fff}
.pgsucc .rightcol .infocard{background:#f8f4ff;border-top:3px solid #9B31E9;border-radius:0 0 12px 12px;padding:32px 28px;box-shadow:0 4px 20px #9b31e914 inset 0 2px 6px #9b31e90a;margin-bottom:24px}
.pgsucc .rightcol .infocard .cardhdg{font-size:16px;font-weight:700;color:#111;margin:0 0 16px;padding-left:12px;border-left:3px solid #9B31E9;line-height:1.3}
.pgsucc .rightcol .infocard .cardrow{display:flex;flex-direction:row;align-items:flex-start;gap:12px;margin-bottom:14px;font-size:15px;line-height:1.55;color:#444}
.pgsucc .rightcol .infocard .cardrow:last-child{margin-bottom:0}
.pgsucc .rightcol .infocard .cardrow svg{flex:0 0 20px;margin-top:2px}
.pgsucc .contactcard{background:#fff;border:1.5px solid #e0e0e0;border-top:none;border-radius:0 0 12px 12px;padding:28px 24px;box-shadow:0 2px 12px #0000000d inset 0 2px 4px #00000005}
.pgsucc .contactcard .contacthdg{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0799AA;margin:0 0 16px}
.pgsucc .contactcard .clink{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:15px;color:#333;text-decoration:none;margin-bottom:10px;transition:color .2s}
.pgsucc .contactcard .clink:last-child{margin-bottom:0}
.pgsucc .contactcard .clink:hover{color:#9B31E9}
.pgsucc .contactcard .clink svg{flex:0 0 18px}
.pgsucc .statusbar{display:flex;flex-direction:row;align-items:center;gap:0;margin-bottom:48px;border-radius:0 0 8px 8px;overflow:hidden;border:1.5px solid #e8e8e8;border-top:none;background:#fafafa;box-shadow:inset 0 3px 6px #0000000a}
.pgsucc .statusbar .sitem{flex:1 1 0;padding:14px 10px;text-align:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#999;border-right:1px dotted #ddd;position:relative}
.pgsucc .statusbar .sitem:last-child{border-right:none}
.pgsucc .statusbar .sitem.active{color:#fff;background:#9B31E9}
.pgsucc .statusbar .sitem.done{color:#0799AA;background:#E2FCE2}
@media (max-width: 960px) {
.pgsucc .succwrap{padding:60px 24px 80px}
.pgsucc .innercontent{flex-direction:column;gap:48px}
.pgsucc .rightcol{flex:1 1 auto;max-width:100%;width:100%}
.pgsucc .mainhdg{font-size:38px}
}
@media (max-width: 480px) {
.pgsucc .succwrap{padding:40px 16px 60px}
.pgsucc .mainhdg{font-size:30px}
.pgsucc .subhdg{font-size:17px}
.pgsucc .ctarow{flex-direction:column;align-items:flex-start}
.pgsucc .statusbar .sitem{font-size:10px;padding:12px 6px}
}
::selection{background:#9B31E9;color:#fff}