html{font-size:100%}
body{margin:0;min-height:100svh;overflow-x:hidden;-webkit-text-size-adjust:100%;font-family:'Lora',serif;background:#FFF;color:#1B1B1B;font-size:17px;line-height:1.7}
.hdr-shell{background:linear-gradient(135deg,#FAFCFE 0%,#F5F8FC 100%);border-bottom:1px solid #6f07a51f;position:relative;z-index:100}
.hdr-shell::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#67e3ee66 50%,transparent 100%);pointer-events:none}
.hdr-inner{max-width:1170px;margin:0 auto;padding:24px 16px}
.brand-row{display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.brand-mount{display:flex;align-items:center;gap:16px;text-decoration:none;padding:8px 24px;background:#FFF;border-radius:40px;box-shadow:0 5px 28px 0 #6f07a51c;transition:box-shadow .12s ease-out,transform .09s ease-out}
.brand-mount:hover{box-shadow:0 10px 60px 0 #6f07a524;transform:translateY(-1px)}
.brand-mount:active{transform:translateY(0);box-shadow:0 5px 28px 0 #6f07a51c inset 0 2px 4px 0 #6f07a514}
.brand-mount:focus-visible{outline:3px solid transparent;outline-offset:4px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776,#67E3EE) border-box;border:2px solid transparent}
.logo-box{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:7px;box-shadow:0 1px 3px 0 #6f07a512 0 0 0 1px #6f07a514;padding:4px}
.logo-img{width:100%;height:100%;object-fit:contain}
.brand-txt{font-size:20px;font-weight:700;color:#1B1B1B;letter-spacing:-.01em;line-height:1.2}
.nav-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
.nav-link{position:relative;padding:8px 16px;font-size:15px;font-weight:400;color:#2A2A2A;text-decoration:none;transition:color .1s ease-out;line-height:1.5;white-space:nowrap}
.nav-link::before{content:'';position:absolute;left:0;top:50%;width:1px;height:16px;background:#6f07a526;transform:translateY(-50%)}
.nav-link:first-child::before{display:none}
.nav-link:hover{color:#6F07A5}
.nav-link:focus-visible{outline:2px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776) border-box;border:1px solid transparent;border-radius:3px;color:#6F07A5}
.nav-link:active{color:#5A0685}
.ftr-shell{background:linear-gradient(180deg,#FAFCFE 0%,#F8FAFC 100%);border-top:1px solid #6f07a51a;padding:40px 16px;position:relative}
.ftr-shell::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#67e3ee4d 50%,transparent 100%);pointer-events:none}
.ftr-inner{max-width:1170px;margin:0 auto}
.ftr-top{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:40px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #6f07a514}
.ftr-brand-col{flex:1;min-width:240px}
.ftr-brand-hold{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.ftr-logo-box{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:7px;box-shadow:0 1px 3px 0 #6f07a512;padding:4px}
.ftr-logo-img{width:100%;height:100%;object-fit:contain}
.ftr-brand-name{font-size:17px;font-weight:700;color:#2A2A2A;line-height:1.2}
.ftr-tagline{font-size:15px;color:#4A4A4A;line-height:1.5;margin-bottom:24px}
.ftr-contact-group{display:flex;flex-direction:column;gap:8px}
.ftr-contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#4A4A4A;line-height:1.5}
.ftr-contact-icon{width:16px;height:16px;fill:#6F07A5;flex-shrink:0}
.ftr-contact-link{color:#4A4A4A;text-decoration:none;transition:color .1s ease-out}
.ftr-contact-link:hover{color:#6F07A5}
.ftr-contact-link:focus-visible{outline:2px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776) border-box;border:1px solid transparent;border-radius:3px;color:#6F07A5}
.ftr-links-col{flex:1;min-width:240px}
.ftr-links-title{font-size:15px;font-weight:700;color:#2A2A2A;margin-bottom:16px;line-height:1.2}
.ftr-links-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0;margin:0}
.ftr-links-item{display:block}
.ftr-links-anchor{font-size:14px;color:#4A4A4A;text-decoration:none;transition:color .1s ease-out;display:inline-block;line-height:1.5}
.ftr-links-anchor:hover{color:#6F07A5}
.ftr-links-anchor:focus-visible{outline:2px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776) border-box;border:1px solid transparent;border-radius:3px;color:#6F07A5}
.ftr-info-col{flex:1;min-width:240px}
.ftr-info-title{font-size:15px;font-weight:700;color:#2A2A2A;margin-bottom:16px;line-height:1.2}
.ftr-info-txt{font-size:14px;color:#4A4A4A;line-height:1.5;margin-bottom:16px}
.ftr-address{font-size:14px;color:#4A4A4A;line-height:1.5;font-style:normal}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.ftr-copy{font-size:14px;color:#5A5A5A;line-height:1.5}
.ftr-legal-list{display:flex;gap:24px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.ftr-legal-item{display:block}
.ftr-legal-link{font-size:14px;color:#5A5A5A;text-decoration:none;transition:color .1s ease-out;line-height:1.5}
.ftr-legal-link:hover{color:#6F07A5}
.ftr-legal-link:focus-visible{outline:2px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776) border-box;border:1px solid transparent;border-radius:3px;color:#6F07A5}
.consent-mount{position:fixed;bottom:24px;left:24px;z-index:1500;max-width:420px;width:calc(100% - 48px)}
.consent-box{background:#FFF;border-radius:7px;padding:24px;box-shadow:0 10px 60px 0 #6f07a524;border:1px solid #6f07a51f;transform:translateY(120%);opacity:0;transition:transform .32s ease-out,opacity .32s ease-out}
.consent-box.visible{transform:translateY(0);opacity:1}
.consent-desc{font-size:14px;color:#2A2A2A;line-height:1.5;margin-bottom:16px}
.consent-policy-link{color:#6F07A5;text-decoration:underline;transition:color .1s ease-out}
.consent-policy-link:hover{color:#5A0685}
.consent-policy-link:focus-visible{outline:2px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776) border-box;border:1px solid transparent;border-radius:3px}
.consent-actions{display:flex;gap:8px;flex-wrap:wrap}
.consent-btn{flex:1;min-width:120px;padding:8px 16px;font-size:14px;font-weight:700;font-family:'Lora',serif;border-radius:3px;cursor:pointer;transition:background .1s ease-out,border-color .1s ease-out,transform .09s ease-out,box-shadow .1s ease-out;line-height:1.2}
.consent-btn.accept{background:#6F07A5;color:#FFF;border:2px solid #6F07A5}
.consent-btn.accept:hover{background:#5A0685;border-color:#5A0685}
.consent-btn.accept:focus-visible{outline:3px solid transparent;outline-offset:2px;background:linear-gradient(#6F07A5,#6F07A5) padding-box,linear-gradient(135deg,#6F07A5,#F42776,#67E3EE) border-box;border:2px solid transparent}
.consent-btn.accept:active{transform:scale(0.97);box-shadow:inset 0 2px 4px 0 #00000026}
.consent-btn.decline{background:transparent;color:#6F07A5;border:2px solid #6F07A5}
.consent-btn.decline:hover{background:#6f07a50d;border-color:#5A0685;color:#5A0685}
.consent-btn.decline:focus-visible{outline:3px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#6F07A5,#F42776,#67E3EE) border-box;border:2px solid transparent}
.consent-btn.decline:active{transform:scale(0.97);box-shadow:inset 0 2px 4px 0 #6f07a51a}
.consent-sale-notice{margin-top:16px;padding-top:16px;border-top:1px solid #6f07a51a}
.consent-sale-txt{font-size:14px;color:#2A2A2A;line-height:1.5;margin-bottom:8px}
.consent-optout-btn{padding:8px 16px;font-size:14px;font-weight:700;font-family:'Lora',serif;border-radius:3px;cursor:pointer;background:transparent;color:#F42776;border:2px solid #F42776;transition:background .1s ease-out,border-color .1s ease-out,transform .09s ease-out;line-height:1.2;width:100%}
.consent-optout-btn:hover{background:#f427760d;border-color:#D61F63;color:#D61F63}
.consent-optout-btn:focus-visible{outline:3px solid transparent;outline-offset:2px;background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#F42776,#6F07A5) border-box;border:2px solid transparent}
.consent-optout-btn:active{transform:scale(0.97);box-shadow:inset 0 2px 4px 0 #f427761a}
@media (max-width: 768px) {
.hdr-inner{padding:16px}
.brand-row{margin-bottom:16px}
.brand-mount{padding:8px 16px}
.logo-box{width:36px;height:36px}
.brand-txt{font-size:17px}
.nav-row{gap:4px}
.nav-link{padding:8px;font-size:14px}
.nav-link::before{height:14px}
.ftr-shell{padding:24px 16px}
.ftr-top{flex-direction:column;gap:24px;margin-bottom:24px;padding-bottom:24px}
.ftr-brand-col,.ftr-links-col,.ftr-info-col{min-width:100%}
.ftr-bottom{flex-direction:column;align-items:flex-start;gap:16px}
.ftr-legal-list{gap:16px}
.consent-mount{bottom:16px;left:16px;width:calc(100% - 32px)}
.consent-box{padding:16px}
.consent-actions{flex-direction:column}
.consent-btn{min-width:100%}
}
@media (max-width: 375px) {
.nav-row{flex-direction:column;align-items:stretch}
.nav-link{text-align:center}
.nav-link::before{display:none}
}
::selection{background:#6f07a526;color:#1B1B1B}
.legal-container{max-width:1170px;margin:0 auto;padding:80px 24px}
@media (max-width: 768px) {
.legal-container{padding:40px 16px}
}
.legal-container h1{font-size:48px;line-height:1.2;margin:0 0 40px;color:#1a1a2e}
.legal-container h2{font-size:20px;line-height:1.5;margin:40px 0 16px;color:#2d2d44}
.legal-container h3{font-size:17px;line-height:1.5;margin:24px 0 16px;color:#2d2d44}
.legal-container h4,.legal-container h5,.legal-container h6{font-size:15px;line-height:1.5;margin:24px 0 8px;color:#2d2d44}
.legal-container p{font-size:15px;line-height:1.7;margin:0 0 16px;color:#3a3a52}
.legal-container em,.legal-container i{font-style:italic}
.legal-container a{color:#6F07A5;text-decoration:underline;transition:color .12s ease-out}
.legal-container a:hover{color:#F42776}
.legal-container table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;line-height:1.5;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 1px 3px 0 #6f07a512}
.legal-container thead{background:#f5f5f7}
.legal-container th{padding:16px;text-align:left;font-weight:600;color:#2d2d44;border-bottom:1px solid #e8e8ed}
.legal-container td{padding:16px;color:#3a3a52;border-bottom:1px solid #f0f0f5}
.legal-container tbody tr:last-child td{border-bottom:none}
.legal-container tbody tr:hover{background:#fafafe}
@media (max-width: 768px) {
.legal-container table{font-size:14px}
.legal-container th,.legal-container td{padding:8px}
}
.legal-container hr{border:none;height:1px;background:#e8e8ed;margin:40px 0}
.legal-container div{margin:16px 0}
@media (max-width: 768px) {
.legal-container h1{font-size:20px}
.legal-container h2{font-size:17px}
.legal-container h3,.legal-container h4,.legal-container h5,.legal-container h6{font-size:15px}
}
.abt-us{background:#fff;color:#1d1d1d;position:relative;overflow-x:clip}
.abt-us::before{content:'';position:absolute;top:240px;left:-120px;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#6f07a50a 0%,transparent 70%);pointer-events:none;z-index:0}
.abt-us::after{content:'';position:absolute;top:920px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#f4277608 0%,transparent 70%);pointer-events:none;z-index:0}
.abt-us::selection{background:#6f07a51f;color:#1d1d1d}
.abt-us ::selection{background:#6f07a51f;color:#1d1d1d}
.abt-us .hero-bnr{position:relative;padding:80px 24px;background:radial-gradient(ellipse at 28% 42%,#6f07a52e,transparent 58%),radial-gradient(ellipse at 72% 38%,#f4277626,transparent 62%),radial-gradient(ellipse at 50% 85%,#67e3ee1f,transparent 68%),#f7f7f7;overflow:hidden}
.abt-us .hero-bnr::before{content:'';position:absolute;top:24px;left:40px;width:16px;height:16px;border:2px solid #6f07a514;border-radius:50%;pointer-events:none}
.abt-us .hero-bnr::after{content:'';position:absolute;bottom:40px;right:56px;width:12px;height:12px;border:2px solid #f4277614;border-radius:50%;pointer-events:none}
.abt-us .hero-bnr__pattern{position:absolute;top:56px;right:120px;width:24px;height:24px;border:2px solid #67e3ee1a;border-radius:3px;transform:rotate(12deg);pointer-events:none}
.abt-us .hero-bnr__pattern-two{position:absolute;bottom:72px;left:88px;width:20px;height:20px;border:2px solid #6f07a517;border-radius:3px;transform:rotate(-18deg);pointer-events:none}
.abt-us .hero-bnr__inner{max-width:1170px;margin:0 auto;position:relative;z-index:1}
.abt-us .hero-bnr__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0 0 24px;text-align:center;letter-spacing:-.02em}
.abt-us .hero-bnr__desc{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0;text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.abt-us .story-grid{padding:80px 24px;background:#fff;position:relative;z-index:1}
.abt-us .story-grid__wrap{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.abt-us .story-grid__col-txt{display:flex;flex-direction:column;gap:24px}
.abt-us .story-grid__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0;letter-spacing:-.01em}
.abt-us .story-grid__p{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0}
.abt-us .story-grid__col-img{position:relative;overflow:hidden;border-radius:7px;box-shadow:0 5px 28px 0 #6f07a51c}
.abt-us .story-grid__img{width:100%;height:480px;object-fit:cover;display:block;transition:transform .12s ease-out}
.abt-us .story-grid__col-img:hover .story-grid__img{transform:scale(1.06) translateX(-8px)}
.abt-us .story-grid__divider{height:1px;background:radial-gradient(ellipse at center,#6f07a547 0%,transparent 80%);margin:80px auto;max-width:1170px}
.abt-us .values-sec{padding:80px 24px;background:#67e3ee0a;position:relative;z-index:1}
.abt-us .values-sec__wrap{max-width:1170px;margin:0 auto}
.abt-us .values-sec__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0 0 80px;text-align:center;letter-spacing:-.01em}
.abt-us .values-sec__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.abt-us .val-card{background:#fff;padding:40px;border-radius:7px;position:relative;box-shadow:0 1px 3px 0 #f4277612;text-align:center;transition:box-shadow .1s ease-out,transform .1s ease-out;overflow:hidden}
.abt-us .val-card::before{content:attr(data-num);position:absolute;top:-24px;left:50%;transform:translateX(-50%);font-size:120px;line-height:1;font-weight:900;color:#6f07a50a;pointer-events:none;z-index:0}
.abt-us .val-card:hover{box-shadow:0 10px 60px 0 #f4277624;transform:translateY(-4px)}
.abt-us .val-card:active{transform:translateY(-4px) scale(0.98)}
.abt-us .val-card__icon{width:56px;height:56px;margin:0 auto 24px;position:relative;z-index:1}
.abt-us .val-card__icon svg{width:100%;height:100%;fill:#6F07A5}
.abt-us .val-card__ttl{font-size:20px;line-height:1.5;font-weight:700;color:#1d1d1d;margin:0 0 16px;position:relative;z-index:1}
.abt-us .val-card__txt{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0;position:relative;z-index:1}
.abt-us .team-show{padding:80px 24px;background:#fff;position:relative;z-index:1}
.abt-us .team-show__wrap{max-width:1170px;margin:0 auto}
.abt-us .team-show__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0 0 24px;text-align:center;letter-spacing:-.01em}
.abt-us .team-show__intro{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 80px;text-align:center;max-width:680px;margin-left:auto;margin-right:auto;margin-bottom:80px}
.abt-us .team-show__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.abt-us .tm-card{position:relative;overflow:hidden;border-radius:7px;box-shadow:0 1px 3px 0 #6f07a512;transition:box-shadow .11s linear}
.abt-us .tm-card:hover{box-shadow:0 10px 60px 0 #6f07a524}
.abt-us .tm-card__img-wrap{position:relative;overflow:hidden;height:360px}
.abt-us .tm-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .09s ease-out}
.abt-us .tm-card:hover .tm-card__img{transform:scale(1.04) translateY(-6px)}
.abt-us .tm-card__info{padding:24px;background:#fff;text-align:center}
.abt-us .tm-card__name{font-size:20px;line-height:1.5;font-weight:700;color:#1d1d1d;margin:0 0 8px}
.abt-us .tm-card__role{font-size:14px;line-height:1.5;color:#6F07A5;margin:0;letter-spacing:.04em;text-transform:uppercase;font-weight:600}
.abt-us .proc-steps{padding:80px 24px;background:#f7f7f7;position:relative;z-index:1}
.abt-us .proc-steps__wrap{max-width:1170px;margin:0 auto}
.abt-us .proc-steps__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0 0 80px;text-align:center;letter-spacing:-.01em}
.abt-us .proc-steps__row{display:flex;flex-direction:row;gap:24px;align-items:stretch}
.abt-us .step-item{flex:1;background:#fff;padding:40px 24px;border-radius:7px;box-shadow:0 1px 3px 0 #f4277612;text-align:center;position:relative;transition:transform .08s linear}
.abt-us .step-item:hover{transform:translateY(-2px)}
.abt-us .step-item:active{transform:translateY(-2px) scale(0.97);box-shadow:0 1px 3px 0 #f4277612 inset}
.abt-us .step-item__num{width:48px;height:48px;margin:0 auto 24px;border-radius:50%;background:#6F07A5;display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1;font-weight:700;color:#fff}
.abt-us .step-item__icon{width:40px;height:40px;margin:0 auto 24px}
.abt-us .step-item__icon svg{width:100%;height:100%;fill:#F42776}
.abt-us .step-item__ttl{font-size:17px;line-height:1.5;font-weight:700;color:#1d1d1d;margin:0 0 16px}
.abt-us .step-item__desc{font-size:14px;line-height:1.7;color:#4a4a4a;margin:0}
.abt-us .stats-banner{padding:80px 24px;background:linear-gradient(180deg,#fff 0%,#67e3ee0f 100%);position:relative;z-index:1}
.abt-us .stats-banner__wrap{max-width:1170px;margin:0 auto}
.abt-us .stats-banner__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.abt-us .stat-box{text-align:center;padding:40px 24px;background:#fff;border-radius:40px;box-shadow:0 5px 28px 0 #6f07a51c;position:relative;transition:transform .09s ease-out;animation:stat-reveal .14s ease-out forwards;opacity:0}
.abt-us .stat-box:nth-child(1){animation-delay:.05s}
.abt-us .stat-box:nth-child(2){animation-delay:.1s}
.abt-us .stat-box:nth-child(3){animation-delay:.15s}
.abt-us .stat-box:nth-child(4){animation-delay:.2s}
@keyframes stat-reveal {
to{opacity:1}
}
.abt-us .stat-box:hover{transform:scale(1.04)}
.abt-us .stat-box::before{content:'';position:absolute;top:16px;left:50%;transform:translateX(-50%);width:8px;height:8px;border-radius:50%;background:#67E3EE}
.abt-us .stat-box__val{font-size:48px;line-height:1.2;font-weight:900;background:linear-gradient(135deg,#6F07A5 0%,#F42776 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 8px}
.abt-us .stat-box__lbl{font-size:14px;line-height:1.5;color:#4a4a4a;margin:0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.abt-us .typing-demo{padding:80px 24px;background:#fff;position:relative;z-index:1}
.abt-us .typing-demo__wrap{max-width:1170px;margin:0 auto;text-align:center}
.abt-us .typing-demo__txt{font-size:20px;line-height:1.7;color:#1d1d1d;margin:0;font-weight:600;display:inline-block;border-right:3px solid #6F07A5;padding-right:4px;white-space:nowrap;overflow:hidden;animation:typing-text 2.4s steps(68,end),blink-cursor .8s step-end infinite}
@keyframes typing-text {
from{width:0}
to{width:100%}
}
@keyframes blink-cursor {
from,to{border-color:transparent}
50%{border-color:#6F07A5}
}
.abt-us .list-feat{padding:80px 24px;background:#f7f7f7;position:relative;z-index:1}
.abt-us .list-feat__wrap{max-width:1170px;margin:0 auto}
.abt-us .list-feat__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#1d1d1d;margin:0 0 80px;text-align:center;letter-spacing:-.01em}
.abt-us .list-feat__items{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}
.abt-us .feat-row{display:flex;flex-direction:row;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:7px;box-shadow:0 1px 3px 0 #6f07a512;transition:box-shadow .1s ease-out,transform .1s ease-out}
.abt-us .feat-row:hover{box-shadow:0 5px 28px 0 #6f07a51c;transform:translateX(4px)}
.abt-us .feat-row__dot{width:12px;height:12px;border-radius:50%;background:#F42776;flex-shrink:0}
.abt-us .feat-row__txt{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0;flex:1}
@media (max-width: 1366px) {
.abt-us .hero-bnr{padding:80px 24px}
.abt-us .story-grid__wrap{gap:40px}
.abt-us .values-sec__grid{gap:24px}
.abt-us .team-show__grid{gap:24px}
.abt-us .stats-banner__grid{gap:24px}
}
@media (max-width: 768px) {
.abt-us .hero-bnr{padding:40px 16px}
.abt-us .hero-bnr__hdg{font-size:20px;margin:0 0 16px}
.abt-us .hero-bnr__desc{font-size:15px}
.abt-us .story-grid{padding:40px 16px}
.abt-us .story-grid__wrap{grid-template-columns:1fr;gap:24px}
.abt-us .story-grid__hdg{font-size:20px}
.abt-us .story-grid__img{height:280px}
.abt-us .story-grid__divider{margin:40px auto}
.abt-us .values-sec{padding:40px 16px}
.abt-us .values-sec__hdg{font-size:20px;margin:0 0 40px}
.abt-us .values-sec__grid{grid-template-columns:1fr;gap:16px}
.abt-us .val-card{padding:24px}
.abt-us .val-card::before{font-size:80px}
.abt-us .team-show{padding:40px 16px}
.abt-us .team-show__hdg{font-size:20px;margin:0 0 16px}
.abt-us .team-show__intro{font-size:15px;margin:0 0 40px}
.abt-us .team-show__grid{grid-template-columns:1fr;gap:24px}
.abt-us .tm-card__img-wrap{height:280px}
.abt-us .proc-steps{padding:40px 16px}
.abt-us .proc-steps__hdg{font-size:20px;margin:0 0 40px}
.abt-us .proc-steps__row{flex-direction:column;gap:16px}
.abt-us .step-item{padding:24px 16px}
.abt-us .stats-banner{padding:40px 16px}
.abt-us .stats-banner__grid{grid-template-columns:1fr 1fr;gap:16px}
.abt-us .stat-box{padding:24px 16px}
.abt-us .stat-box__val{font-size:20px}
.abt-us .typing-demo{padding:40px 16px}
.abt-us .typing-demo__txt{font-size:15px}
.abt-us .list-feat{padding:40px 16px}
.abt-us .list-feat__hdg{font-size:20px;margin:0 0 40px}
.abt-us .feat-row{padding:16px}
}
@media (max-width: 375px) {
.abt-us .hero-bnr{padding:24px 16px}
.abt-us .hero-bnr__hdg{font-size:17px}
.abt-us .hero-bnr__desc{font-size:14px}
.abt-us .story-grid{padding:24px 16px}
.abt-us .story-grid__hdg{font-size:17px}
.abt-us .values-sec{padding:24px 16px}
.abt-us .values-sec__hdg{font-size:17px;margin:0 0 24px}
.abt-us .team-show{padding:24px 16px}
.abt-us .team-show__hdg{font-size:17px}
.abt-us .team-show__intro{font-size:14px;margin:0 0 24px}
.abt-us .proc-steps{padding:24px 16px}
.abt-us .proc-steps__hdg{font-size:17px;margin:0 0 24px}
.abt-us .stats-banner{padding:24px 16px}
.abt-us .stats-banner__grid{grid-template-columns:1fr}
.abt-us .typing-demo{padding:24px 16px}
.abt-us .typing-demo__txt{font-size:14px}
.abt-us .list-feat{padding:24px 16px}
.abt-us .list-feat__hdg{font-size:17px;margin:0 0 24px}
}
.cntct-pg{background:#FEFEFE;color:#1A1A1A;overflow-x:clip}
.cntct-pg::selection{background:#6f07a526;color:#1A1A1A}
.cntct-pg .ttl-zone{position:relative;background:linear-gradient(135deg,#6F07A5 0%,#8A1FB8 100%);padding:80px 16px;overflow:visible;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:420px}
.cntct-pg .ttl-zone::before{content:'"';position:absolute;top:24px;left:50%;transform:translateX(-50%);font-size:280px;line-height:1;color:#ffffff14;font-weight:700;pointer-events:none;user-select:none}
.cntct-pg .ttl-wrap{max-width:1170px;width:100%;text-align:center;position:relative;z-index:2}
.cntct-pg .ttl-main{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700;animation:cntct-clip-reveal .9s ease-out forwards;clip-path:inset(0 0 100% 0)}
@keyframes cntct-clip-reveal {
to{clip-path:inset(0 0 0 0)}
}
.cntct-pg .ttl-slogan{font-size:20px;line-height:1.5;color:#ffffffeb;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.cntct-pg .ttl-slogan span{position:relative;display:inline-block}
.cntct-pg .ttl-slogan span::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#67E3EE;animation:cntct-underline-draw 1.2s ease-out .3s forwards}
@keyframes cntct-underline-draw {
to{width:100%}
}
.cntct-pg .form-sct{padding:80px 16px;background:#F7F7F7;position:relative}
.cntct-pg .form-sct::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(./media_directory/2025-04-28-first-final-6.jpg) center/cover no-repeat;opacity:.05;pointer-events:none;z-index:1}
.cntct-pg .form-sct::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(165deg,#6f07a508 0%,#f4277605 100%);pointer-events:none;z-index:2}
.cntct-pg .form-container{max-width:1170px;margin:0 auto;position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.cntct-pg .info-col{display:flex;flex-direction:column;gap:40px}
.cntct-pg .info-hd{font-size:48px;line-height:1.2;color:#6F07A5;margin:0 0 16px;font-weight:700;text-align:center}
.cntct-pg .info-txt{font-size:17px;line-height:1.7;color:#2A2A2A;margin:0 0 40px;text-align:center}
.cntct-pg .cntct-blk{background:#FFF;border:1px solid #E8E8E8;border-radius:7px;padding:24px;box-shadow:0 5px 28px 0 #6f07a51c;transition:transform .12s ease-out,box-shadow .12s ease-out;position:relative;overflow:hidden}
.cntct-pg .cntct-blk::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#6F07A5 0%,#F42776 100%);transition:width .14s ease-out}
.cntct-pg .cntct-blk:hover{transform:translateY(-4px);box-shadow:0 10px 60px 0 #6f07a524}
.cntct-pg .cntct-blk:hover::before{width:6px}
.cntct-pg .cntct-ic{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6F07A5 0%,#F42776 100%);border-radius:40px;position:relative}
.cntct-pg .cntct-ic svg{width:24px;height:24px;fill:#FFF;transition:transform .11s ease-out}
.cntct-pg .cntct-blk:hover .cntct-ic svg{transform:scale(1.15)}
.cntct-pg .cntct-ic::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:#ffffff4d;border-radius:40px;transition:width .13s ease-out,height .13s ease-out}
.cntct-pg .cntct-blk:hover .cntct-ic::after{width:56px;height:56px}
.cntct-pg .cntct-lbl{font-size:14px;line-height:1.2;color:#6F07A5;text-transform:uppercase;letter-spacing:1.2px;margin:0 0 8px;font-weight:600;text-align:center}
.cntct-pg .cntct-val{font-size:17px;line-height:1.5;color:#2A2A2A;margin:0;text-align:center;word-break:break-word}
.cntct-pg .cntct-val a{color:inherit;text-decoration:none;transition:color .1s ease-out}
.cntct-pg .cntct-val a:hover{color:#F42776}
.cntct-pg .decor-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}
.cntct-pg .decor-dots span{width:8px;height:8px;background:#67E3EE;border-radius:40px;display:block;animation:cntct-dot-pulse 2s ease-in-out infinite}
.cntct-pg .decor-dots span:nth-child(1){animation-delay:0s}
.cntct-pg .decor-dots span:nth-child(2){animation-delay:.2s}
.cntct-pg .decor-dots span:nth-child(3){animation-delay:.4s}
.cntct-pg .decor-dots span:nth-child(4){animation-delay:.6s}
.cntct-pg .decor-dots span:nth-child(5){animation-delay:.8s}
@keyframes cntct-dot-pulse {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:1;transform:scale(1.4)}
}
.cntct-pg .form-col{background:#FFF;border:2px dashed #6F07A5;border-radius:7px;padding:40px;box-shadow:0 10px 60px 0 #f4277624;position:relative}
.cntct-pg .form-col::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#6F07A5 0%,#F42776 50%,#67E3EE 100%);border-radius:7px;z-index:-1;opacity:0;transition:opacity .14s ease-out}
.cntct-pg .form-col:focus-within::before{opacity:.2}
.cntct-pg .form-hd{font-size:48px;line-height:1.2;color:#F42776;margin:0 0 8px;font-weight:700;text-align:center}
.cntct-pg .form-desc{font-size:15px;line-height:1.5;color:#4A4A4A;margin:0 0 40px;text-align:center}
.cntct-pg .form-actual{display:flex;flex-direction:column;gap:24px}
.cntct-pg .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cntct-pg .form-grp{display:flex;flex-direction:column;gap:8px}
.cntct-pg .form-grp.full{grid-column:1 / -1}
.cntct-pg .form-lbl{font-size:14px;line-height:1.2;color:#2A2A2A;font-weight:600;letter-spacing:.3px}
.cntct-pg .form-lbl span{color:#F42776}
.cntct-pg .form-inp{padding:16px;border:1px solid #D0D0D0;border-radius:3px;font-size:15px;line-height:1.5;color:#2A2A2A;background:#FAFAFA;transition:border-color .09s ease-out,background .09s ease-out,box-shadow .09s ease-out;outline:none}
.cntct-pg .form-inp::placeholder{color:#8A8A8A}
.cntct-pg .form-inp:focus{border-color:#6F07A5;background:#FFF;box-shadow:0 0 0 3px #6f07a51a}
.cntct-pg .form-inp:hover:not(:focus){border-color:#B0B0B0}
.cntct-pg .rating-zone{display:flex;flex-direction:column;gap:16px}
.cntct-pg .rating-hd{font-size:15px;line-height:1.2;color:#2A2A2A;font-weight:600;text-align:center}
.cntct-pg .rating-opts{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.cntct-pg .rating-opt{position:relative}
.cntct-pg .rating-opt input{position:absolute;opacity:0;pointer-events:none}
.cntct-pg .rating-opt label{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:2px solid #D0D0D0;border-radius:40px;font-size:17px;line-height:1;color:#6A6A6A;font-weight:600;cursor:pointer;background:#FAFAFA;transition:border-color .1s ease-out,background .1s ease-out,color .1s ease-out,transform .08s ease-out;user-select:none}
.cntct-pg .rating-opt label:hover{border-color:#6F07A5;background:#F5F0F9;transform:scale(1.08)}
.cntct-pg .rating-opt input:checked + label{border-color:#F42776;background:linear-gradient(135deg,#6F07A5 0%,#F42776 100%);color:#FFF;box-shadow:0 5px 28px 0 #f427761c inset 0 2px 4px 0 #00000026;transform:scale(0.96)}
.cntct-pg .rating-opt input:focus + label{outline:2px solid #67E3EE;outline-offset:2px}
.cntct-pg .privacy-zone{display:flex;align-items:start;gap:8px}
.cntct-pg .privacy-zone input[type="checkbox"]{width:20px;height:20px;margin-top:2px;flex-shrink:0;cursor:pointer;accent-color:#6F07A5}
.cntct-pg .privacy-txt{font-size:14px;line-height:1.5;color:#4A4A4A;margin:0}
.cntct-pg .privacy-txt a{color:#6F07A5;text-decoration:underline;transition:color .09s ease-out}
.cntct-pg .privacy-txt a:hover{color:#F42776}
.cntct-pg .form-submit{padding:16px 40px;background:linear-gradient(135deg,#F42776 0%,#6F07A5 100%);color:#FFF;font-size:17px;line-height:1.2;font-weight:600;border:none;border-radius:3px;cursor:pointer;transition:transform .08s ease-out,box-shadow .08s ease-out;box-shadow:0 5px 28px 0 #f427761c;width:100%}
.cntct-pg .form-submit:hover{transform:translateY(-2px);box-shadow:0 10px 60px 0 #f4277624}
.cntct-pg .form-submit:active{transform:scale(0.97);box-shadow:0 5px 28px 0 #f427761c inset 0 3px 8px 0 #0003}
.cntct-pg .form-submit:focus{outline:3px solid #67E3EE;outline-offset:2px}
.cntct-pg .map-complex{margin-top:40px;background:#FFF;border:1px solid #E8E8E8;border-radius:7px;padding:24px;box-shadow:0 5px 28px 0 #6f07a51c;display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:center}
.cntct-pg .map-visual{background:linear-gradient(135deg,#F5F0F9 0%,#E8E8E8 100%);border-radius:3px;padding:40px;display:flex;align-items:center;justify-content:center;min-height:280px;position:relative;overflow:hidden}
.cntct-pg .map-visual::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,transparent,transparent 20px,#6f07a50d 20px,#6f07a50d 21px),repeating-linear-gradient(90deg,transparent,transparent 20px,#6f07a50d 20px,#6f07a50d 21px);pointer-events:none}
.cntct-pg .map-pin{width:64px;height:64px;background:linear-gradient(135deg,#6F07A5 0%,#F42776 100%);border-radius:40px 40px 40px 3px;position:relative;z-index:2;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 60px 0 #6f07a524;animation:cntct-pin-bounce 2s ease-in-out infinite}
@keyframes cntct-pin-bounce {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
.cntct-pg .map-pin svg{width:32px;height:32px;fill:#FFF}
.cntct-pg .map-legend{display:flex;flex-direction:column;gap:16px}
.cntct-pg .legend-item{display:flex;align-items:start;gap:8px}
.cntct-pg .legend-ic{width:24px;height:24px;flex-shrink:0;background:linear-gradient(135deg,#67E3EE 0%,#6F07A5 100%);border-radius:3px;display:flex;align-items:center;justify-content:center;margin-top:2px}
.cntct-pg .legend-ic svg{width:14px;height:14px;fill:#FFF}
.cntct-pg .legend-txt{font-size:14px;line-height:1.5;color:#2A2A2A;margin:0}
.cntct-pg .legend-txt strong{color:#6F07A5;font-weight:600}
.cntct-pg .divider-thick{height:4px;background:linear-gradient(90deg,#6F07A5 0%,#F42776 50%,#67E3EE 100%);border:none;margin:0;position:relative}
.cntct-pg .divider-thick::after{content:'';position:absolute;top:0;left:0;height:100%;width:0;background:#fff6;animation:cntct-divider-shine 3s ease-in-out infinite}
@keyframes cntct-divider-shine {
0%{width:0;left:0}
50%{width:30%;left:35%}
100%{width:0;left:100%}
}
@media (max-width: 1366px) {
.cntct-pg .form-container{gap:40px}
.cntct-pg .map-complex{grid-template-columns:1fr}
.cntct-pg .map-visual{min-height:240px}
}
@media (max-width: 768px) {
.cntct-pg .ttl-zone{padding:40px 16px;min-height:320px}
.cntct-pg .ttl-zone::before{font-size:180px;top:16px}
.cntct-pg .ttl-main{font-size:32px;margin-bottom:16px}
.cntct-pg .ttl-slogan{font-size:17px}
.cntct-pg .form-sct{padding:40px 16px}
.cntct-pg .form-container{grid-template-columns:1fr;gap:40px}
.cntct-pg .info-hd,.cntct-pg .form-hd{font-size:32px}
.cntct-pg .form-col{padding:24px}
.cntct-pg .form-row{grid-template-columns:1fr}
.cntct-pg .rating-opts{gap:8px}
.cntct-pg .rating-opt label{width:48px;height:48px;font-size:15px}
.cntct-pg .map-visual{padding:24px;min-height:200px}
.cntct-pg .map-pin{width:48px;height:48px}
.cntct-pg .map-pin svg{width:24px;height:24px}
}
@media (max-width: 375px) {
.cntct-pg .ttl-zone{padding:24px 16px;min-height:280px}
.cntct-pg .ttl-zone::before{font-size:140px}
.cntct-pg .ttl-main{font-size:28px}
.cntct-pg .form-sct{padding:24px 16px}
.cntct-pg .info-hd,.cntct-pg .form-hd{font-size:28px}
.cntct-pg .form-col{padding:16px}
.cntct-pg .rating-opt label{width:44px;height:44px;font-size:14px}
.cntct-pg .form-submit{padding:14px 24px;font-size:15px}
}
.wrks-pg{background:#fff;color:#1a1a1a;max-width:100%;overflow-x:clip}
.wrks-pg ::selection{background:#6f07a526;color:#1a1a1a}
.wrks-pg .bnr{position:relative;min-height:600px;display:flex;flex-direction:column;justify-content:flex-start;padding:80px 16px 40px;background:linear-gradient(circle at center,#fff 0%,#f5f5f5 100%);overflow:visible}
.wrks-pg .bnr::before{content:'';position:absolute;top:8%;left:5%;width:280px;height:280px;border-radius:50%;background:#6f07a50a;pointer-events:none}
.wrks-pg .bnr::after{content:'';position:absolute;bottom:12%;right:8%;width:200px;height:200px;border-radius:50%;background:#67e3ee0d;pointer-events:none}
.wrks-pg .bnr__ctr{max-width:1170px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:40px}
.wrks-pg .bnr__txt{flex:2;display:flex;flex-direction:column;gap:24px;padding-top:40px}
.wrks-pg .bnr__hdg{font-size:48px;line-height:1.2;font-weight:700;color:#2a2a2a;margin:0;position:relative}
.wrks-pg .bnr__hdg .accent-wd{position:relative;display:inline-block;animation:wrd-draw 1.2s ease-out forwards}
.wrks-pg .bnr__hdg .accent-wd::after{content:'';position:absolute;bottom:4px;left:0;width:0;height:3px;background:linear-gradient(90deg,#6F07A5 0%,#F42776 100%);animation:line-expand 1.2s ease-out .3s forwards}
@keyframes line-expand {
to{width:100%}
}
.wrks-pg .bnr__thss{display:flex;flex-direction:column;gap:16px;margin:0;padding:0;list-style:none}
.wrks-pg .bnr__thss-itm{font-size:17px;line-height:1.5;color:#4a4a4a;padding-left:24px;position:relative}
.wrks-pg .bnr__thss-itm::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#F42776}
.wrks-pg .bnr__img-wrp{flex:1;position:relative;min-height:280px;border-radius:7px;overflow:hidden;animation:img-scale-in 1.4s ease-out forwards;transform:scale(0.97)}
@keyframes img-scale-in {
to{transform:scale(1)}
}
.wrks-pg .bnr__img-wrp::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,#0000004d 0%,transparent 50%),radial-gradient(circle at top right,#0000004d 0%,transparent 50%),radial-gradient(circle at bottom left,#0000004d 0%,transparent 50%),radial-gradient(circle at bottom right,#0000004d 0%,transparent 50%);pointer-events:none;z-index:2}
.wrks-pg .bnr__img{width:100%;height:100%;object-fit:cover;display:block}
.wrks-pg .splt-zn{position:relative;background:#f8f8f8;padding:80px 16px;overflow:hidden}
.wrks-pg .splt-zn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#6f07a508 1px,transparent 1px),linear-gradient(90deg,#6f07a508 1px,transparent 1px),linear-gradient(#6f07a505 1px,transparent 1px),linear-gradient(90deg,#6f07a505 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0;pointer-events:none}
.wrks-pg .splt-zn__ctr{max-width:1170px;margin:0 auto;position:relative;z-index:1}
.wrks-pg .splt-zn__grid{display:grid;grid-template-columns:1fr;gap:40px;position:relative}
.wrks-pg .splt-zn__lft{background:#fff;padding:40px;border-radius:7px;box-shadow:0 5px 28px 0 #6f07a51c;position:relative;clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%)}
.wrks-pg .splt-zn__lft::before{content:'01';position:absolute;top:24px;right:24px;font-size:120px;line-height:1;font-weight:700;color:#6f07a50f;pointer-events:none;z-index:0}
.wrks-pg .splt-zn__hdg{font-size:20px;line-height:1.2;font-weight:700;color:#2a2a2a;margin:0 0 24px;text-align:center;position:relative;z-index:1}
.wrks-pg .splt-zn__txt{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0;text-align:center;position:relative;z-index:1}
.wrks-pg .splt-zn__rgt{background:#6F07A5;padding:40px;border-radius:7px;box-shadow:0 5px 28px 0 #6f07a51c;position:relative;clip-path:polygon(40px 0,100% 0,100% 100%,0 100%,0 40px)}
.wrks-pg .splt-zn__rgt::before{content:'02';position:absolute;top:24px;right:24px;font-size:120px;line-height:1;font-weight:700;color:#ffffff14;pointer-events:none;z-index:0}
.wrks-pg .splt-zn__hdg--inv{color:#fff}
.wrks-pg .splt-zn__txt--inv{color:#ffffffe6}
.wrks-pg .mtrcs-blk{background:#fff;padding:80px 16px;position:relative}
.wrks-pg .mtrcs-blk::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:80px;background:#f8f8f8;clip-path:ellipse(60% 100% at 50% 0%)}
.wrks-pg .mtrcs-blk__ctr{max-width:1170px;margin:0 auto}
.wrks-pg .mtrcs-blk__hdg{font-size:20px;line-height:1.2;font-weight:700;color:#2a2a2a;margin:0 0 40px;text-align:center}
.wrks-pg .mtrcs-blk__grid{display:grid;grid-template-columns:1fr;gap:24px;margin-bottom:40px}
.wrks-pg .mtrcs-blk__stat{background:linear-gradient(135deg,#fff 0%,#fafafa 100%);padding:24px;border-radius:40px;box-shadow:0 1px 3px 0 #f4277612;text-align:center;border:1px solid #6f07a514;position:relative;overflow:hidden;transition:box-shadow .12s ease-out,transform .12s ease-out}
.wrks-pg .mtrcs-blk__stat::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;background:radial-gradient(circle,#6f07a514 0%,transparent 70%);border-radius:50%;transition:width .14s ease-out,height .14s ease-out;pointer-events:none}
.wrks-pg .mtrcs-blk__stat:hover::before{width:300px;height:300px}
.wrks-pg .mtrcs-blk__stat:hover{box-shadow:0 5px 28px 0 #f427761c;transform:translateY(-2px)}
.wrks-pg .mtrcs-blk__num{font-size:48px;line-height:1.2;font-weight:700;color:#6F07A5;margin:0 0 8px;position:relative;z-index:1}
.wrks-pg .mtrcs-blk__lbl{font-size:14px;line-height:1.5;color:#4a4a4a;margin:0;position:relative;z-index:1}
.wrks-pg .mtrcs-blk__divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent 0%,#6f07a533 50%,transparent 100%);margin:0 auto}
.wrks-pg .mtrcs-blk__txt{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}
.wrks-pg .altrntr{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);padding:80px 16px;position:relative;overflow:hidden}
.wrks-pg .altrntr::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border:2px solid #67e3ee26;border-radius:50%;pointer-events:none}
.wrks-pg .altrntr__ctr{max-width:1170px;margin:0 auto}
.wrks-pg .altrntr__hdg{font-size:20px;line-height:1.2;font-weight:700;color:#2a2a2a;margin:0 0 40px;text-align:center}
.wrks-pg .altrntr__rw{display:grid;grid-template-columns:1fr;gap:40px;align-items:center;margin-bottom:40px}
.wrks-pg .altrntr__rw:last-child{margin-bottom:0}
.wrks-pg .altrntr__vis{position:relative;border-radius:7px;overflow:hidden;box-shadow:0 10px 60px 0 #6f07a524}
.wrks-pg .altrntr__img{width:100%;height:auto;display:block;object-fit:cover}
.wrks-pg .altrntr__cntnt{background:#fff;padding:40px;border-radius:7px;box-shadow:0 5px 28px 0 #f427761c;position:relative}
.wrks-pg .altrntr__cntnt::before{content:'03';position:absolute;top:16px;right:16px;font-size:100px;line-height:1;font-weight:700;color:#67e3ee14;pointer-events:none}
.wrks-pg .altrntr__subhdg{font-size:17px;line-height:1.5;font-weight:700;color:#6F07A5;margin:0 0 16px;text-align:center;position:relative;z-index:1}
.wrks-pg .altrntr__desc{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0;text-align:center;position:relative;z-index:1}
.wrks-pg .altrntr__cntnt--alt::before{content:'04'}
@media (min-width: 768px) {
.wrks-pg .bnr{min-height:500px;padding:80px 24px 40px}
.wrks-pg .bnr__ctr{flex-direction:row;align-items:flex-start;gap:80px}
.wrks-pg .bnr__txt{padding-top:0}
.wrks-pg .bnr__img-wrp{min-height:400px}
.wrks-pg .splt-zn{padding:80px 24px}
.wrks-pg .splt-zn__grid{grid-template-columns:1fr 1fr;gap:80px}
.wrks-pg .mtrcs-blk{padding:80px 24px}
.wrks-pg .mtrcs-blk__grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:40px}
.wrks-pg .mtrcs-blk__divider{height:80px}
.wrks-pg .altrntr{padding:80px 24px}
.wrks-pg .altrntr__rw{grid-template-columns:1fr 1fr;gap:80px}
.wrks-pg .altrntr__rw:nth-child(even) .altrntr__vis{order:2}
.wrks-pg .altrntr__rw:nth-child(even) .altrntr__cntnt{order:1}
}
@media (min-width: 1366px) {
.wrks-pg .bnr{padding:80px 40px 40px}
.wrks-pg .splt-zn{padding:80px 40px}
.wrks-pg .mtrcs-blk{padding:80px 40px}
.wrks-pg .altrntr{padding:80px 40px}
}
.first{background:#fff;color:#1a1a1a;overflow-x:clip}
.first ::selection{background:#6f07a51f;color:#1a1a1a}
.first .opening{max-width:1170px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;position:relative}
.first .opening__txt{padding-top:40px}
.first .opening__txt h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.first .opening__txt .tagline{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0 0 24px}
.first .opening__links{display:flex;gap:16px;flex-wrap:wrap}
.first .opening__links a{display:inline-block;padding:16px 24px;font-size:15px;line-height:1.2;text-decoration:none;border-radius:7px;transition:transform .12s ease-out,box-shadow .12s ease-out}
.first .opening__links a:first-child{background:#6F07A5;color:#fff;box-shadow:0 5px 28px 0 #6f07a51c}
.first .opening__links a:first-child:hover{box-shadow:0 10px 60px 0 #6f07a524;transform:translateY(-2px)}
.first .opening__links a:first-child:active{transform:scale(0.97);box-shadow:0 1px 3px 0 #6f07a512 inset}
.first .opening__links a:last-child{background:transparent;color:#6F07A5;border:2px solid #6F07A5}
.first .opening__links a:last-child:hover{background:#6f07a50d}
.first .opening__links a:last-child:active{transform:scale(0.97)}
.first .opening__visual{position:relative;border-radius:7px;overflow:hidden;height:520px}
.first .opening__visual::before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border-top:3px solid #67E3EE;border-left:3px solid #67E3EE;z-index:2}
.first .opening__visual::after{content:'';position:absolute;bottom:0;right:0;width:8px;height:8px;border-bottom:3px solid #67E3EE;border-right:3px solid #67E3EE;z-index:2}
.first .opening__visual img{width:100%;height:100%;object-fit:cover;display:block}
.first .opening__visual::before{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,#0000,#0006);z-index:1;pointer-events:none}
.first .audience{background:radial-gradient(ellipse at 50% 50%,#fff,#f5f5f5);padding:80px 24px}
.first .audience__inner{max-width:1170px;margin:0 auto}
.first .audience__heading{text-align:center;margin:0 0 40px;position:relative}
.first .audience__heading h2{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0;font-weight:700;position:relative;display:inline-block}
.first .audience__heading h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,#6F07A5,#F42776);animation:audience-line 1.2s ease-out}
@keyframes audience-line {
from{width:0}
to{width:60px}
}
.first .audience__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.first .audience__col{background:#fff;padding:40px;border-radius:7px;box-shadow:0 5px 28px 0 #6f07a51c;text-align:center;transition:transform .12s ease-out,box-shadow .12s ease-out;position:relative;overflow:hidden}
.first .audience__col::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#67e3ee14,transparent 60%);pointer-events:none;z-index:0}
.first .audience__col:hover{transform:translateY(-4px);box-shadow:0 10px 60px 0 #6f07a524}
.first .audience__col h3{font-size:20px;line-height:1.2;color:#6F07A5;margin:0 0 16px;font-weight:700;position:relative;z-index:1}
.first .audience__col p{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0;position:relative;z-index:1}
.first .audience__col:first-child{border-top:4px solid #6F07A5}
.first .audience__col:last-child{border-top:4px solid #F42776}
.first .pathway{padding:80px 24px;background:linear-gradient(135deg,#6f07a508 0%,#f4277608 50%,#67e3ee08 100%),repeating-linear-gradient(0deg,transparent,transparent 40px,#6f07a505 40px,#6f07a505 41px),repeating-linear-gradient(90deg,transparent,transparent 40px,#f4277605 40px,#f4277605 41px),#fff}
.first .pathway__inner{max-width:1170px;margin:0 auto}
.first .pathway__heading{text-align:center;margin:0 0 40px}
.first .pathway__heading h2{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.first .pathway__heading .intro{font-size:17px;line-height:1.5;color:#4a4a4a;margin:0 auto;max-width:720px}
.first .pathway__content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.first .pathway__right{display:flex;flex-direction:column;gap:24px}
.first .pathway__right .card{background:#fff;padding:24px;border-radius:7px;box-shadow:0 5px 28px 0 #f427761c;transition:transform .1s ease-out;position:relative;animation:pathway-card-reveal .8s ease-out backwards}
.first .pathway__right .card:nth-child(1){animation-delay:.1s;margin-top:0}
.first .pathway__right .card:nth-child(2){animation-delay:.2s;margin-top:16px}
.first .pathway__right .card:nth-child(3){animation-delay:.3s;margin-top:24px}
@keyframes pathway-card-reveal {
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
.first .pathway__right .card:active{transform:scale(0.98)}
.first .pathway__right .card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#6F07A5,#F42776);border-radius:7px 0 0 7px}
.first .pathway__right .card h4{font-size:17px;line-height:1.2;color:#1a1a1a;margin:0 0 8px;font-weight:700}
.first .pathway__right .card p{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0}
.first .pathway__left{position:relative;border-radius:7px;overflow:hidden;height:100%;min-height:480px}
.first .pathway__left img{width:100%;height:100%;object-fit:cover;display:block}
.first .standing{padding:80px 24px;background:#fff;position:relative}
.first .standing::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,transparent 20%,#6F07A5 20%,#6F07A5 80%,transparent 80%,transparent 100%)}
.first .standing::after{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#67E3EE;border-radius:40px;box-shadow:0 0 0 3px #fff}
.first .standing__inner{max-width:1170px;margin:0 auto}
.first .standing__heading{text-align:center;margin:0 0 40px;position:relative}
.first .standing__heading::before{content:'01';position:absolute;top:-40px;left:50%;transform:translateX(-50%);font-size:120px;line-height:1;color:#6f07a50d;font-weight:700;z-index:0;pointer-events:none}
.first .standing__heading h2{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0;font-weight:700;position:relative;z-index:1}
.first .standing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.first .standing__item{background:#fff;border:2px solid #f0f0f0;border-radius:7px;padding:24px;text-align:center;transition:border-color .1s ease-out,transform .1s ease-out;position:relative;overflow:hidden}
.first .standing__item:hover{border-color:#6F07A5;transform:translateY(-2px)}
.first .standing__item:active{transform:scale(0.98)}
.first .standing__item .metric{display:flex;align-items:baseline;justify-content:center;margin:0 0 8px;gap:4px}
.first .standing__item .metric .num{font-size:48px;line-height:1;color:#6F07A5;font-weight:700}
.first .standing__item .metric .unit{font-size:20px;line-height:1;color:#F42776;font-weight:700}
.first .standing__item .label{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0}
.first .standing__showcase{margin-top:40px;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.first .standing__showcase .proof{position:relative;border-radius:7px;overflow:hidden;height:280px}
.first .standing__showcase .proof img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .12s ease-out}
.first .standing__showcase .proof:hover img{transform:scale(1.05)}
.first .standing__split{margin-top:40px;background:linear-gradient(90deg,#6F07A5 0%,#6F07A5 50%,#F42776 50%,#F42776 100%);border-radius:7px;padding:2px}
.first .standing__split-inner{background:#fff;border-radius:7px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}
.first .standing__split-col{padding:40px;text-align:center;position:relative}
.first .standing__split-col:first-child::after{content:'';position:absolute;top:50%;right:0;transform:translateY(-50%);width:2px;height:60%;background:linear-gradient(180deg,transparent,#6F07A5,transparent)}
.first .standing__split-col .big{font-size:48px;line-height:1;color:#6F07A5;font-weight:700;margin:0 0 8px}
.first .standing__split-col:last-child .big{color:#F42776}
.first .standing__split-col .desc{font-size:15px;line-height:1.5;color:#4a4a4a;margin:0}
@media (max-width: 1366px) {
.first .opening{padding:80px 16px;gap:24px}
.first .pathway__content{gap:24px}
.first .standing__grid{gap:16px}
}
@media (max-width: 768px) {
.first .opening{grid-template-columns:1fr;padding:40px 16px}
.first .opening__txt{padding-top:0}
.first .opening__txt h1{font-size:32px}
.first .opening__visual{height:320px}
.first .audience{padding:40px 16px}
.first .audience__heading h2{font-size:32px}
.first .audience__grid{grid-template-columns:1fr;gap:24px}
.first .audience__col{padding:24px}
.first .pathway{padding:40px 16px}
.first .pathway__heading h2{font-size:32px}
.first .pathway__content{grid-template-columns:1fr}
.first .pathway__left{order:2;min-height:280px}
.first .pathway__right{order:1}
.first .pathway__right .card:nth-child(2),.first .pathway__right .card:nth-child(3){margin-top:0}
.first .standing{padding:40px 16px}
.first .standing__heading h2{font-size:32px}
.first .standing__heading::before{font-size:80px;top:-24px}
.first .standing__grid{grid-template-columns:1fr}
.first .standing__showcase{grid-template-columns:1fr}
.first .standing__split-inner{grid-template-columns:1fr}
.first .standing__split-col:first-child::after{display:none}
}
@media (max-width: 375px) {
.first .opening{padding:24px 8px}
.first .opening__txt h1{font-size:28px}
.first .opening__links{flex-direction:column;gap:8px}
.first .opening__links a{width:100%;text-align:center}
.first .audience{padding:24px 8px}
.first .audience__heading h2{font-size:28px}
.first .pathway{padding:24px 8px}
.first .pathway__heading h2{font-size:28px}
.first .standing{padding:24px 8px}
.first .standing__heading h2{font-size:28px}
}
.lrn-prog{background:#fff;color:#1a1a1a;overflow-x:clip}
.lrn-prog::selection{background:#6f07a526;color:#1a1a1a}
.lrn-prog .top-banner{position:relative;background:radial-gradient(ellipse at center,#fff,#f4f4f4);padding:120px 16px 64px;overflow:hidden}
.lrn-prog .top-banner::before{content:'';position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:radial-gradient(ellipse at 50% 30%,#6f07a514,transparent 60%);pointer-events:none}
.lrn-prog .top-banner__inner{max-width:1170px;margin:0 auto;position:relative;z-index:2}
.lrn-prog .top-banner__giant-mark{position:absolute;top:40px;right:80px;font-size:320px;line-height:1;color:transparent;-webkit-text-stroke:2px #6f07a51f;font-weight:700;pointer-events:none;z-index:1}
.lrn-prog .top-banner__dots{position:absolute;top:160px;left:40px;display:flex;gap:16px;pointer-events:none}
.lrn-prog .top-banner__dot{width:8px;height:8px;background:#6F07A5;border-radius:40px;opacity:0;animation:dotAppear .12s ease-out forwards}
.lrn-prog .top-banner__dot:nth-child(1){animation-delay:.4s}
.lrn-prog .top-banner__dot:nth-child(2){animation-delay:.52s}
.lrn-prog .top-banner__dot:nth-child(3){animation-delay:.64s}
.lrn-prog .top-banner__dot:nth-child(4){animation-delay:.76s}
@keyframes dotAppear {
to{opacity:1}
}
.lrn-prog .top-banner__heading{font-size:48px;line-height:1.2;font-weight:700;margin:0 0 24px;text-align:center;position:relative;z-index:2}
.lrn-prog .top-banner__accent{color:#F42776}
.lrn-prog .top-banner__text{font-size:17px;line-height:1.7;text-align:center;max-width:680px;margin:0 auto;color:#333}
@media (max-width: 768px) {
.lrn-prog .top-banner{padding:80px 16px 40px}
.lrn-prog .top-banner__giant-mark{font-size:180px;top:20px;right:20px}
.lrn-prog .top-banner__dots{top:100px;left:16px;gap:8px}
.lrn-prog .top-banner__dot{width:6px;height:6px}
.lrn-prog .top-banner__heading{font-size:32px;margin:0 0 16px}
.lrn-prog .top-banner__text{font-size:15px}
}
.lrn-prog .curriculum{position:relative;background:#fafafa;padding:80px 16px}
.lrn-prog .curriculum::before{content:'';position:absolute;top:0;left:0;width:8px;height:100%;background:linear-gradient(180deg,#6F07A5,#F42776)}
.lrn-prog .curriculum__inner{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:40px}
.lrn-prog .curriculum__main{position:relative}
.lrn-prog .curriculum__bg-num{position:absolute;top:-40px;left:-20px;font-size:240px;line-height:1;font-weight:700;color:#6f07a50a;pointer-events:none;z-index:1}
.lrn-prog .curriculum__title{font-size:48px;line-height:1.2;font-weight:700;text-align:center;margin:0 0 40px;position:relative;z-index:2}
.lrn-prog .curriculum__module{background:#fff;border-radius:7px;padding:24px;margin-bottom:16px;box-shadow:0 1px 3px 0 #6f07a512;transition:transform .11s ease-out,box-shadow .11s ease-out;position:relative;z-index:2}
.lrn-prog .curriculum__module:hover{transform:translateY(-2px);box-shadow:0 5px 28px 0 #6f07a51c}
.lrn-prog .curriculum__module-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}
.lrn-prog .curriculum__module-num{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#6F07A5,#F42776);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;color:#fff}
.lrn-prog .curriculum__module-label{font-size:20px;line-height:1.2;font-weight:700;margin:0;color:#1a1a1a}
.lrn-prog .curriculum__module-desc{font-size:15px;line-height:1.5;margin:0;color:#555;text-align:center}
.lrn-prog .curriculum__side{display:flex;flex-direction:column;gap:24px}
.lrn-prog .curriculum__stat-box{background:#fff;border-radius:7px;padding:24px;text-align:center;box-shadow:0 1px 3px 0 #6f07a512;transition:transform .09s linear}
.lrn-prog .curriculum__stat-box:hover{transform:scale(0.98)}
.lrn-prog .curriculum__stat-box:active{transform:scale(0.96);box-shadow:inset 0 2px 4px 0 #6f07a526}
.lrn-prog .curriculum__stat-value{font-size:48px;line-height:1.2;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#6F07A5,#F42776);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lrn-prog .curriculum__stat-label{font-size:14px;line-height:1.5;margin:0;color:#666;text-transform:uppercase;letter-spacing:.05em}
.lrn-prog .curriculum__img-wrap{border-radius:7px;overflow:hidden;box-shadow:0 5px 28px 0 #6f07a51c}
.lrn-prog .curriculum__img{width:100%;height:280px;object-fit:cover;display:block}
@media (max-width: 768px) {
.lrn-prog .curriculum{padding:40px 16px}
.lrn-prog .curriculum__inner{grid-template-columns:1fr;gap:24px}
.lrn-prog .curriculum__bg-num{font-size:120px;top:-20px;left:-10px}
.lrn-prog .curriculum__title{font-size:32px;margin:0 0 24px}
.lrn-prog .curriculum__module{padding:16px;margin-bottom:8px}
.lrn-prog .curriculum__module-head{gap:8px;margin-bottom:8px}
.lrn-prog .curriculum__module-num{width:32px;height:32px;font-size:15px}
.lrn-prog .curriculum__module-label{font-size:17px}
.lrn-prog .curriculum__module-desc{font-size:14px}
.lrn-prog .curriculum__side{gap:16px}
.lrn-prog .curriculum__stat-box{padding:16px}
.lrn-prog .curriculum__stat-value{font-size:32px}
.lrn-prog .curriculum__img{height:200px}
}
.lrn-prog .tech-stack{position:relative;background:#fff;padding:80px 16px}
.lrn-prog .tech-stack::after{content:'';position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 80px 100vw;border-color:transparent transparent #fafafa;pointer-events:none}
.lrn-prog .tech-stack__inner{max-width:1170px;margin:0 auto;position:relative}
.lrn-prog .tech-stack__bg-num{position:absolute;top:-60px;right:-40px;font-size:280px;line-height:1;font-weight:700;color:#f427760a;pointer-events:none}
.lrn-prog .tech-stack__title{font-size:48px;line-height:1.2;font-weight:700;text-align:center;margin:0 0 16px;position:relative;z-index:2}
.lrn-prog .tech-stack__subtitle{font-size:17px;line-height:1.7;text-align:center;margin:0 0 40px;color:#555;max-width:720px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.lrn-prog .tech-stack__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;position:relative;z-index:2}
.lrn-prog .tech-stack__card{background:#fafafa;border-radius:7px;padding:24px;text-align:center;transition:opacity .13s ease-out,transform .13s ease-out}
.lrn-prog .tech-stack__grid:hover .tech-stack__card:not(:hover){opacity:.4}
.lrn-prog .tech-stack__card:hover{transform:scale(1.03)}
.lrn-prog .tech-stack__icon-wrap{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,#6f07a51a,#f427761a);border-radius:40px;display:flex;align-items:center;justify-content:center}
.lrn-prog .tech-stack__icon{width:32px;height:32px;fill:#6F07A5}
.lrn-prog .tech-stack__card-title{font-size:20px;line-height:1.2;font-weight:700;margin:0 0 8px;color:#1a1a1a}
.lrn-prog .tech-stack__card-text{font-size:15px;line-height:1.5;margin:0;color:#666}
@media (max-width: 768px) {
.lrn-prog .tech-stack{padding:40px 16px}
.lrn-prog .tech-stack::after{border-width:0 0 40px 100vw}
.lrn-prog .tech-stack__bg-num{font-size:140px;top:-30px;right:-20px}
.lrn-prog .tech-stack__title{font-size:32px;margin:0 0 8px}
.lrn-prog .tech-stack__subtitle{font-size:15px;margin:0 0 24px}
.lrn-prog .tech-stack__grid{grid-template-columns:1fr;gap:16px}
.lrn-prog .tech-stack__card{padding:16px}
.lrn-prog .tech-stack__icon-wrap{width:48px;height:48px;margin:0 auto 8px}
.lrn-prog .tech-stack__icon{width:24px;height:24px}
.lrn-prog .tech-stack__card-title{font-size:17px}
.lrn-prog .tech-stack__card-text{font-size:14px}
}
.lrn-prog .outcomes{position:relative;background:radial-gradient(ellipse at center,#fafafa,#f0f0f0);padding:80px 16px}
.lrn-prog .outcomes__inner{max-width:1170px;margin:0 auto;position:relative}
.lrn-prog .outcomes__bg-num{position:absolute;top:-50px;left:50%;transform:translateX(-50%);font-size:260px;line-height:1;font-weight:700;color:#67e3ee14;pointer-events:none}
.lrn-prog .outcomes__title{font-size:48px;line-height:1.2;font-weight:700;text-align:center;margin:0 0 40px;position:relative;z-index:2}
.lrn-prog .outcomes__list{display:flex;flex-direction:column;gap:16px;position:relative;z-index:2}
.lrn-prog .outcomes__item{background:#fff;border-radius:7px;padding:24px;box-shadow:0 1px 3px 0 #f4277612;display:flex;align-items:flex-start;gap:16px;animation:shakeAttention .4s ease-out;animation-fill-mode:both}
.lrn-prog .outcomes__item:nth-child(1){animation-delay:1.2s}
.lrn-prog .outcomes__item:nth-child(2){animation-delay:1.4s}
.lrn-prog .outcomes__item:nth-child(3){animation-delay:1.6s}
.lrn-prog .outcomes__item:nth-child(4){animation-delay:1.8s}
.lrn-prog .outcomes__item:nth-child(5){animation-delay:2s}
@keyframes shakeAttention {
0%,100%{transform:translateX(0)}
25%{transform:translateX(-4px)}
75%{transform:translateX(4px)}
}
.lrn-prog .outcomes__marker{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#67E3EE,#6F07A5);border-radius:40px;display:flex;align-items:center;justify-content:center}
.lrn-prog .outcomes__check{width:20px;height:20px;fill:#fff}
.lrn-prog .outcomes__content{flex:1}
.lrn-prog .outcomes__item-title{font-size:20px;line-height:1.2;font-weight:700;margin:0 0 8px;color:#1a1a1a;text-align:center}
.lrn-prog .outcomes__item-text{font-size:15px;line-height:1.5;margin:0;color:#666;text-align:center}
.lrn-prog .outcomes__punct{position:absolute;bottom:40px;right:80px;font-size:200px;line-height:1;color:transparent;-webkit-text-stroke:3px #f4277626;font-weight:700;pointer-events:none;z-index:1}
@media (max-width: 768px) {
.lrn-prog .outcomes{padding:40px 16px}
.lrn-prog .outcomes__bg-num{font-size:130px;top:-25px}
.lrn-prog .outcomes__title{font-size:32px;margin:0 0 24px}
.lrn-prog .outcomes__list{gap:8px}
.lrn-prog .outcomes__item{padding:16px;gap:8px;flex-direction:column;align-items:center}
.lrn-prog .outcomes__marker{width:32px;height:32px}
.lrn-prog .outcomes__check{width:16px;height:16px}
.lrn-prog .outcomes__item-title{font-size:17px}
.lrn-prog .outcomes__item-text{font-size:14px}
.lrn-prog .outcomes__punct{font-size:100px;bottom:20px;right:20px}
}
@media (max-width: 375px) {
.lrn-prog .top-banner{padding:64px 16px 32px}
.lrn-prog .top-banner__heading{font-size:28px}
.lrn-prog .curriculum{padding:32px 16px}
.lrn-prog .curriculum__title{font-size:28px}
.lrn-prog .tech-stack{padding:32px 16px}
.lrn-prog .tech-stack__title{font-size:28px}
.lrn-prog .outcomes{padding:32px 16px}
.lrn-prog .outcomes__title{font-size:28px}
}
@media (min-width: 1366px) {
.lrn-prog .top-banner{padding:160px 16px 80px}
.lrn-prog .curriculum{padding:120px 16px}
.lrn-prog .tech-stack{padding:120px 16px}
.lrn-prog .outcomes{padding:120px 16px}
}
.success-page{background:linear-gradient(circle at 30% 40%,#fff,#f5f0f9);padding:80px 16px;min-height:100vh;display:flex;align-items:center;justify-content:center}
.success-page .success-wrap{max-width:620px;margin:0 auto;text-align:center}
.success-page .icon-holder{width:120px;height:120px;margin:0 auto 40px;position:relative;border-radius:50%;background:linear-gradient(135deg,#6F07A5,#F42776);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 60px 0 #6f07a524}
.success-page .icon-holder::before{content:'';position:absolute;width:140px;height:140px;border:2px solid #67E3EE;border-radius:50%;opacity:.3;animation:pulse-ring 2.1s ease-out infinite}
@keyframes pulse-ring {
0%{transform:scale(0.85);opacity:.3}
50%{transform:scale(1);opacity:.15}
100%{transform:scale(1.15);opacity:0}
}
.success-page .icon-holder svg{width:54px;height:54px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .11s ease-out .2s forwards;stroke-dasharray:70;stroke-dashoffset:70}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.success-page .main-title{font-size:48px;line-height:1.2;color:#1a1a2e;margin:0 0 16px;font-weight:700}
.success-page .sub-message{font-size:17px;line-height:1.5;color:#4a4a5e;margin:0 0 40px;max-width:480px;margin-left:auto;margin-right:auto}
.success-page .info-grid{display:grid;grid-template-columns:1fr;gap:16px;margin:0 0 40px}
.success-page .info-card{background:#fff;border:1px solid #e8e4f0;border-radius:7px;padding:24px;text-align:left;box-shadow:0 1px 3px 0 #6f07a512}
.success-page .info-card-label{font-size:14px;line-height:1.5;color:#6F07A5;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.success-page .info-card-value{font-size:17px;line-height:1.5;color:#1a1a2e;margin:0}
.success-page .action-group{display:flex;flex-direction:column;gap:16px;align-items:center}
.success-page .btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:linear-gradient(135deg,#6F07A5,#F42776);color:#fff;font-size:17px;line-height:1.5;font-weight:600;border:none;border-radius:40px;cursor:pointer;text-decoration:none;transition:transform .09s ease-out,box-shadow .09s ease-out;box-shadow:0 5px 28px 0 #6f07a51c}
.success-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 60px 0 #6f07a524}
.success-page .btn-primary:active{transform:scale(0.97);box-shadow:0 1px 3px 0 #6f07a512 inset 0 2px 4px #0000001a}
.success-page .btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:16px 40px;background:transparent;color:#6F07A5;font-size:15px;line-height:1.5;font-weight:600;border:2px solid #6F07A5;border-radius:40px;cursor:pointer;text-decoration:none;transition:background .12s ease-out,color .12s ease-out}
.success-page .btn-secondary:hover{background:#6F07A5;color:#fff}
.success-page .btn-secondary:active{transform:scale(0.97)}
.success-page .next-steps{margin:80px 0 0;padding:40px 24px;background:#fff;border-radius:7px;border:1px solid #e8e4f0;box-shadow:0 5px 28px 0 #6f07a51c}
.success-page .next-steps-title{font-size:20px;line-height:1.2;color:#1a1a2e;margin:0 0 24px;font-weight:700}
.success-page .steps-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.success-page .steps-list li{display:flex;align-items:flex-start;gap:16px;text-align:left}
.success-page .step-number{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#67E3EE,#6F07A5);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;line-height:1}
.success-page .step-text{font-size:15px;line-height:1.7;color:#4a4a5e;margin:0;padding-top:4px}
@media (min-width: 768px) {
.success-page{padding:80px 24px}
.success-page .info-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.success-page .action-group{flex-direction:row;justify-content:center}
.success-page .next-steps{padding:40px}
}
@media (min-width: 1366px) {
.success-page{padding:80px 40px}
}