*{margin:0;padding:0;box-sizing:border-box}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:600}
figure,blockquote{margin:0}
body{font-family:'Arimo',sans-serif;background-color:#FAFBFC;color:#2C2C2C;line-height:1.6;font-size:16px}
.top-header{background-color:#fff;border-bottom:1px solid #E8ECF1;padding:20px 0}
.top-header .brand-holder{max-width:1024px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center}
.top-header .logo-wrap{display:flex;align-items:center}
.top-header .site-logo{width:120px;height:120px;object-fit:contain;background-color:#fff;border:2px solid #E8ECF1;border-radius:12px;padding:8px;box-shadow:0 2px 6px #4842c514}
.top-header .company-info{display:flex;align-items:center;justify-content:flex-start}
.top-header .brand-name{font-size:32px;font-weight:700;color:#4842C5;letter-spacing:-.5px}
.navi-holder{background-color:#fff;border-bottom:2px solid #ABBB16;box-shadow:0 4px 8px #0000000a}
.navi-holder .main-navi{max-width:1024px;margin:0 auto;padding:0 20px;display:flex;gap:35px;justify-content:flex-start}
.navi-holder .navi-link{display:block;padding:18px 0;font-size:16px;font-weight:500;color:#2C2C2C;text-decoration:none;position:relative;transition:color .2s ease}
.navi-holder .navi-link:hover{color:#4842C5}
.navi-holder .navi-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#ABBB16;transition:width .3s ease}
.navi-holder .navi-link:hover::after{width:100%}
.foot-wrapper{background-color:#2C2C2C;color:#E8ECF1;padding:50px 20px 25px;margin-top:60px}
.foot-wrapper .foot-top{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;padding-bottom:35px;border-bottom:1px solid #d5e7ff26}
.foot-wrapper .foot-brand .foot-title{font-size:24px;font-weight:700;color:#ABBB16;margin-bottom:12px}
.foot-wrapper .foot-brand .foot-desc{font-size:14px;color:#B8C4D0;line-height:1.5}
.foot-wrapper .foot-heading{font-size:18px;font-weight:600;color:#D5E7FF;margin-bottom:16px}
.foot-wrapper .contact-data .contact-item{font-size:14px;margin-bottom:10px;color:#B8C4D0}
.foot-wrapper .contact-data .contact-item a{color:#D5E7FF;text-decoration:none;transition:color .2s ease}
.foot-wrapper .contact-data .contact-item a:hover{color:#ABBB16}
.foot-wrapper .social-links{display:flex;gap:15px;margin-top:15px}
.foot-wrapper .social-links .social-item{font-size:14px;color:#D5E7FF;text-decoration:none;padding:6px 14px;border:1px solid #d5e7ff4d;border-radius:8px;transition:all .2s ease}
.foot-wrapper .social-links .social-item:hover{background-color:#abbb161a;border-color:#ABBB16;color:#ABBB16}
.foot-wrapper .foot-navi{display:flex;flex-direction:column;gap:10px}
.foot-wrapper .foot-navi .foot-link{font-size:14px;color:#B8C4D0;text-decoration:none;transition:color .2s ease}
.foot-wrapper .foot-navi .foot-link:hover{color:#ABBB16}
.foot-wrapper .foot-bottom{max-width:1024px;margin:0 auto;padding-top:25px;text-align:center}
.foot-wrapper .foot-bottom .copyright-text{font-size:13px;color:#8A9AAC}
.cookie-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%) translateX(400px);width:320px;background-color:#fff;border:2px solid #4842C5;border-radius:12px;padding:24px;box-shadow:0 8px 24px #4842c533;z-index:9999;transition:transform .4s ease}
.cookie-panel.show{transform:translateY(-50%) translateX(0)}
.cookie-panel .cookie-head{font-size:20px;font-weight:700;color:#4842C5;margin-bottom:12px}
.cookie-panel .cookie-txt{font-size:14px;color:#5A5A5A;margin-bottom:20px;line-height:1.5}
.cookie-panel .cookie-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}
.cookie-panel .cookie-btn{padding:10px 18px;font-size:14px;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:'Arimo',sans-serif}
.cookie-panel .cookie-accept{background-color:#ABBB16;color:#fff}
.cookie-panel .cookie-accept:hover{background-color:#97a514}
.cookie-panel .cookie-decline{background-color:#E8ECF1;color:#2C2C2C}
.cookie-panel .cookie-decline:hover{background-color:#d8dde4}
.cookie-panel .cookie-customize{background-color:transparent;color:#4842C5;border:1px solid #4842C5}
.cookie-panel .cookie-customize:hover{background-color:#4842c50d}
.cookie-panel .cookie-details{margin-top:20px;padding-top:20px;border-top:1px solid #E8ECF1}
.cookie-panel .cookie-category{margin-bottom:16px}
.cookie-panel .cookie-label{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#2C2C2C;cursor:pointer}
.cookie-panel .cookie-check{width:18px;height:18px;cursor:pointer}
.cookie-panel .cookie-info{font-size:12px;color:#8A9AAC;margin-top:4px;margin-left:28px}
.cookie-panel .cookie-save{width:100%;background-color:#4842C5;color:#fff;margin-top:10px}
.cookie-panel .cookie-save:hover{background-color:#3d37a8}
.cookie-panel .cookie-policy-link{display:inline-block;margin-top:12px;font-size:13px;color:#4842C5;text-decoration:underline}
.cookie-panel .cookie-policy-link:hover{text-decoration:none}
.cookie-settings-trigger{position:fixed;right:20px;bottom:20px;width:50px;height:50px;background-color:#4842C5;color:#fff;border:none;border-radius:50%;font-size:22px;cursor:pointer;box-shadow:0 4px 12px #4842c54d;transition:all .2s ease;z-index:9998}
.cookie-settings-trigger:hover{background-color:#3d37a8;transform:scale(1.05)}
@media (max-width: 768px) {
.top-header .brand-holder{grid-template-columns:1fr;text-align:center;gap:15px}
.top-header .logo-wrap{justify-content:center}
.top-header .site-logo{width:90px;height:90px}
.top-header .company-info{justify-content:center}
.top-header .brand-name{font-size:26px}
.navi-holder .main-navi{flex-wrap:wrap;gap:15px;justify-content:center}
.navi-holder .navi-link{padding:12px 8px;font-size:14px}
.foot-wrapper .foot-top{grid-template-columns:1fr;gap:30px}
.cookie-panel{width:calc(100% - 40px);right:20px;left:20px;transform:translateY(-50%) translateX(0) translateY(100vh)}
.cookie-panel.show{transform:translateY(-50%) translateX(0)}
}
@media (max-width: 375px) {
.top-header .brand-name{font-size:22px}
.navi-holder .navi-link{font-size:13px}
.foot-wrapper{padding:35px 15px 20px}
}
.policy-box{max-width:1024px;margin:0 auto;padding:60px 24px;background:#fff}
.policy-box h1{font-size:42px;line-height:1.2;color:#1a1a1a;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.policy-box h2{font-size:32px;line-height:1.3;color:#2a2a2a;margin:48px 0 20px;font-weight:600;letter-spacing:-.3px}
.policy-box h3{font-size:24px;line-height:1.4;color:#3a3a3a;margin:36px 0 16px;font-weight:600}
.policy-box h4{font-size:20px;line-height:1.4;color:#4a4a4a;margin:28px 0 14px;font-weight:600}
.policy-box h5{font-size:18px;line-height:1.5;color:#5a5a5a;margin:24px 0 12px;font-weight:600}
.policy-box h6{font-size:16px;line-height:1.5;color:#6a6a6a;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-box p{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px;font-weight:400}
.policy-box strong,.policy-box b{font-weight:600;color:#2a2a2a}
.policy-box em,.policy-box i{font-style:italic;color:#555}
.policy-box hr{border:0;height:2px;background:linear-gradient(to right,#abbb161a,#abbb1666,#abbb161a);margin:48px 0;border-radius:2px}
.policy-box ul,.policy-box ol{font-size:17px;line-height:1.7;color:#444;margin:0 0 20px;padding-left:32px}
.policy-box li{margin-bottom:10px}
.policy-box a{color:#4842C5;text-decoration:underline;transition:color .2s ease}
.policy-box a:hover{color:#ABBB16}
.policy-box blockquote{margin:32px 0;padding:20px 24px;border-left:4px solid #ABBB16;background:#d5e7ff4d;font-style:italic;color:#555;border-radius:0 8px 8px 0}
.policy-box code{font-family:'Courier New',monospace;background:#abbb161a;padding:2px 6px;border-radius:4px;font-size:15px;color:#4842C5}
.policy-box table{width:100%;border-collapse:collapse;margin:32px 0;font-size:16px}
.policy-box table th,.policy-box table td{padding:12px 16px;text-align:left;border-bottom:1px solid #abbb1633}
.policy-box table th{background:#d5e7ff66;font-weight:600;color:#2a2a2a}
@media (max-width: 768px) {
.policy-box{padding:40px 20px}
.policy-box h1{font-size:32px;margin-bottom:12px}
.policy-box h2{font-size:26px;margin:36px 0 16px}
.policy-box h3{font-size:22px;margin:28px 0 14px}
.policy-box h4{font-size:19px;margin:24px 0 12px}
.policy-box h5{font-size:17px;margin:20px 0 10px}
.policy-box h6{font-size:15px;margin:18px 0 10px}
.policy-box p{font-size:16px;margin-bottom:18px}
.policy-box ul,.policy-box ol{font-size:16px;padding-left:24px}
.policy-box hr{margin:32px 0}
}
@media (max-width: 375px) {
.policy-box{padding:32px 16px}
.policy-box h1{font-size:28px}
.policy-box h2{font-size:24px}
.policy-box p{font-size:15px}
}
.hero-wrap{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);overflow:hidden;margin-bottom:80px}
.hero-wrap::before{content:'';position:absolute;top:20px;left:20px;width:60px;height:60px;background:radial-gradient(circle,#abbb1626 2px,transparent 2px);background-size:12px 12px;border-radius:8px}
.hero-wrap::after{content:'';position:absolute;bottom:20px;right:20px;width:60px;height:60px;background:radial-gradient(circle,#4842c51f 2px,transparent 2px);background-size:12px 12px;border-radius:8px}
.hero-img-holder{position:absolute;right:0;top:0;bottom:0;width:45%;overflow:hidden}
.hero-img-holder img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-img-holder::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#f8f9faf2 85%);z-index:1;pointer-events:none}
.hero-content-wrap{max-width:1024px;margin:0 auto;padding:60px 24px;position:relative;z-index:2;width:100%}
.hero-text-area{max-width:520px}
.hero-text-area h1{font-size:2.8rem;font-weight:700;color:#212529;margin-bottom:18px;line-height:1.2}
.hero-text-area .tagline{font-size:1.15rem;color:#495057;margin-bottom:32px;line-height:1.6}
.hero-butt-row{display:flex;gap:16px;flex-wrap:wrap}
.hero-butt-row .btn{padding:14px 32px;border-radius:10px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}
.hero-butt-row .btn--prime{background:linear-gradient(135deg,#ABBB16 0%,#8a9612 100%);color:#fff;box-shadow:0 4px 12px #abbb1640}
.hero-butt-row .btn--prime:hover{transform:translateY(-2px);box-shadow:0 6px 16px #abbb1659}
.hero-butt-row .btn--sec{background:#fff;color:#4842C5;border:2px solid #4842C5}
.hero-butt-row .btn--sec:hover{background:#4842C5;color:#fff}
.audience-block{max-width:1024px;margin:0 auto 80px;padding:0 24px}
.audience-block h2{font-size:2.2rem;font-weight:700;color:#212529;margin-bottom:48px;text-align:center}
.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.audience-item{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 3px 10px #00000014;transition:all .3s ease;border-top:4px solid transparent}
.audience-item:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.audience-item:nth-child(1){border-top-color:#ABBB16}
.audience-item:nth-child(2){border-top-color:#4842C5}
.audience-item:nth-child(3){border-top-color:#D5E7FF}
.audience-item h3{font-size:1.4rem;font-weight:600;color:#212529;margin-bottom:16px}
.audience-item p{font-size:1rem;color:#6c757d;line-height:1.6;margin-bottom:20px}
.audience-item .feat-list{list-style:none;padding:0;margin:0}
.audience-item .feat-list li{padding:8px 0;padding-left:28px;position:relative;font-size:.95rem;color:#495057}
.audience-item .feat-list li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:linear-gradient(135deg,#ABBB16 0%,#8a9612 100%);border-radius:50%}
.schedule-wrap{background:linear-gradient(135deg,#4842c50d 0%,#d5e7ff4d 100%);padding:80px 24px;margin-bottom:80px}
.schedule-container{max-width:1024px;margin:0 auto}
.schedule-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.schedule-text h2{font-size:2rem;font-weight:700;color:#212529;margin-bottom:24px}
.schedule-text p{font-size:1.05rem;color:#495057;line-height:1.7;margin-bottom:16px}
.schedule-visual{background:#fff;border-radius:14px;padding:40px 32px;box-shadow:0 6px 24px #0000001a}
.rhythm-row{display:flex;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid #e9ecef}
.rhythm-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}
.rhythm-ico{width:56px;height:56px;flex-shrink:0;background:linear-gradient(135deg,#ABBB16 0%,#8a9612 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.rhythm-ico svg{width:28px;height:28px;fill:#fff}
.rhythm-info h4{font-size:1.15rem;font-weight:600;color:#212529;margin-bottom:6px}
.rhythm-info p{font-size:.95rem;color:#6c757d;line-height:1.5;margin:0}
@media (max-width: 768px) {
.hero-wrap{min-height:440px;margin-bottom:60px}
.hero-img-holder{width:100%;opacity:.2}
.hero-content-wrap{padding:40px 20px}
.hero-text-area{max-width:100%}
.hero-text-area h1{font-size:2rem}
.hero-text-area .tagline{font-size:1rem}
.hero-butt-row{flex-direction:column}
.hero-butt-row .btn{width:100%;text-align:center}
.audience-block{margin-bottom:60px}
.audience-block h2{font-size:1.75rem;margin-bottom:32px}
.audience-grid{gap:24px}
.schedule-wrap{padding:60px 20px;margin-bottom:60px}
.schedule-split{grid-template-columns:1fr;gap:32px}
.schedule-text h2{font-size:1.65rem}
.schedule-visual{padding:32px 24px}
.rhythm-row{gap:16px}
.rhythm-ico{width:48px;height:48px}
.rhythm-ico svg{width:24px;height:24px}
}
@media (max-width: 375px) {
.hero-text-area h1{font-size:1.75rem}
.audience-block h2{font-size:1.5rem}
.schedule-text h2{font-size:1.5rem}
}
.reach-wrap{max-width:1024px;margin:0 auto;padding:0 20px}
.hero-contact{padding:60px 20px 40px;background:linear-gradient(135deg,#D5E7FF 0%,#fff 100%);position:relative;overflow:hidden}
.hero-contact::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 Q300,0 600,40 T1200,40 L1200,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat bottom;background-size:cover}
.hero-contact .reach-wrap{position:relative;z-index:2}
.hero-contact h1{font-size:2.8rem;color:#4842C5;margin:0 0 16px;font-weight:700;line-height:1.2}
.hero-contact .intro-txt{font-size:1.1rem;color:#333;line-height:1.6;max-width:680px}
.contact-main-holder{padding:80px 20px;background:#fff}
.contact-grid{display:grid;grid-template-columns:1fr;gap:50px;max-width:1024px;margin:0 auto}
.info-side h2{font-size:2rem;color:#4842C5;margin:0 0 24px;font-weight:600}
.info-side p{font-size:1rem;color:#555;line-height:1.7;margin:0 0 32px}
.contact-detail-box{background:linear-gradient(120deg,#abbb1614 0%,#d5e7ff4d 100%);padding:28px;border-radius:12px;margin-bottom:20px;border-left:4px solid #ABBB16}
.contact-detail-box h3{font-size:1.1rem;color:#4842C5;margin:0 0 12px;font-weight:600}
.contact-detail-box a{color:#333;text-decoration:none;display:block;margin-bottom:8px;transition:color .3s ease}
.contact-detail-box a:hover{color:#ABBB16}
.contact-detail-box .address-txt{color:#555;line-height:1.6}
.messenger-links{display:flex;gap:16px;margin-top:12px}
.messenger-links a{display:inline-flex;align-items:center;padding:10px 18px;background:#4842C5;color:#fff;border-radius:8px;text-decoration:none;font-size:.95rem;transition:all .3s ease}
.messenger-links a:hover{background:#ABBB16;transform:translateY(-2px);box-shadow:0 4px 12px #abbb164d}
.form-side{background:linear-gradient(135deg,#fff 0%,#d5e7ff33 100%);padding:40px;border-radius:16px;box-shadow:0 4px 20px #4842c51a}
.form-side h2{font-size:1.8rem;color:#4842C5;margin:0 0 8px;font-weight:600}
.form-side .sub-heading{font-size:1rem;color:#666;margin:0 0 32px}
.form-group{margin-bottom:24px}
.form-group label{display:block;font-size:.95rem;color:#333;margin-bottom:8px;font-weight:500}
.form-group input[type="text"],.form-group input[type="email"]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff}
.form-group input[type="text"]:focus,.form-group input[type="email"]:focus{outline:none;border-color:#ABBB16;box-shadow:0 0 0 3px #abbb161a}
.interest-section{margin-bottom:28px}
.interest-section h3{font-size:1rem;color:#333;margin:0 0 16px;font-weight:500}
.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.checkbox-item{display:flex;align-items:center}
.checkbox-item input[type="checkbox"]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#ABBB16}
.checkbox-item label{font-size:.95rem;color:#555;cursor:pointer;margin:0}
.privacy-check{margin:28px 0;display:flex;align-items:flex-start}
.privacy-check input[type="checkbox"]{width:20px;height:20px;margin-right:10px;cursor:pointer;flex-shrink:0;accent-color:#4842C5;margin-top:2px}
.privacy-check label{font-size:.9rem;color:#666;line-height:1.5;cursor:pointer}
.privacy-check a{color:#4842C5;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.privacy-check a:hover{border-bottom-color:#4842C5}
.submit-butt{width:100%;padding:16px 32px;background:linear-gradient(135deg,#ABBB16 0%,#8a9612 100%);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #abbb164d}
.submit-butt:hover{transform:translateY(-2px);box-shadow:0 6px 20px #abbb1666}
.submit-butt:active{transform:translateY(0)}
@media (min-width: 768px) {
.contact-grid{grid-template-columns:1fr 1fr;gap:60px}
.hero-contact h1{font-size:3.5rem}
.hero-contact .intro-txt{font-size:1.2rem}
}
@media (min-width: 1366px) {
.hero-contact{padding:100px 20px 60px}
.contact-main-holder{padding:100px 20px}
.form-side{padding:48px}
}
@media (max-width: 767px) {
.hero-contact h1{font-size:2.2rem}
.messenger-links{flex-direction:column}
.form-side{padding:28px 20px}
.checkbox-grid{grid-template-columns:1fr}
}
.prog-heado{background:linear-gradient(135deg,#abbb1614 0%,#4842c50f 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.prog-heado::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#d5e7ff66 0%,transparent 70%);border-radius:50%}
.prog-cont-holder{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.prog-heado .intro-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.prog-heado .txt-area h1{font-size:2.8rem;color:#1a1a1a;margin:0 0 24px;line-height:1.2;font-weight:700}
.prog-heado .txt-area h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#ABBB16 0%,#4842C5 100%);margin-top:16px;border-radius:2px}
.prog-heado .txt-area p{font-size:1.1rem;color:#4a4a4a;line-height:1.7;margin:0}
.prog-heado .img-frame{position:relative;border:3px solid #ABBB16;border-radius:12px;padding:12px;background:#fff;box-shadow:0 8px 24px #00000014}
.prog-heado .img-frame img{width:100%;height:320px;object-fit:cover;border-radius:8px;display:block}
.prog-path-sec{padding:70px 20px;background:#fff}
.prog-path-sec .path-grid{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.prog-path-sec .step-card{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border-radius:16px;padding:32px 28px;border:2px solid #e8e8e8;position:relative;transition:all .3s ease}
.prog-path-sec .step-card:hover{transform:translateY(-8px);border-color:#ABBB16;box-shadow:0 12px 32px #abbb1626}
.prog-path-sec .step-card .step-num{position:absolute;top:-16px;left:28px;width:48px;height:48px;background:linear-gradient(135deg,#4842C5 0%,#ABBB16 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 4px 12px #4842c54d}
.prog-path-sec .step-card h3{font-size:1.4rem;color:#2a2a2a;margin:24px 0 12px;font-weight:600}
.prog-path-sec .step-card p{font-size:.95rem;color:#5a5a5a;line-height:1.6;margin:0}
.prog-details-wrap{background:linear-gradient(180deg,#d5e7ff4d 0%,#abbb1614 100%);padding:80px 20px;position:relative}
.prog-details-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#4842C5 0%,#ABBB16 50%,#D5E7FF 100%)}
.prog-details-wrap .det-container{max-width:1024px;margin:0 auto}
.prog-details-wrap .split-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:start}
.prog-details-wrap .profile-box{background:#fff;border-radius:16px;padding:36px;box-shadow:0 8px 24px #0000000f;text-align:center;position:sticky;top:20px}
.prog-details-wrap .profile-box img{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid #ABBB16;margin-bottom:20px}
.prog-details-wrap .profile-box h4{font-size:1.3rem;color:#2a2a2a;margin:0 0 8px;font-weight:600}
.prog-details-wrap .profile-box .role-tag{display:inline-block;background:#4842c51a;color:#4842C5;padding:6px 16px;border-radius:20px;font-size:.88rem;font-weight:500}
.prog-details-wrap .info-blocks{display:flex;flex-direction:column;gap:24px}
.prog-details-wrap .info-item{background:#fff;border-radius:12px;padding:28px 32px;border-left:5px solid #ABBB16;box-shadow:0 4px 16px #0000000a}
.prog-details-wrap .info-item h3{font-size:1.25rem;color:#2a2a2a;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:10px}
.prog-details-wrap .info-item h3::before{content:'';width:8px;height:8px;background:#4842C5;border-radius:50%}
.prog-details-wrap .info-item p{font-size:1rem;color:#4a4a4a;line-height:1.7;margin:0}
.prog-modules-area{padding:75px 20px;background:#fff}
.prog-modules-area .mod-holder{max-width:1024px;margin:0 auto}
.prog-modules-area .section-label{text-align:center;margin-bottom:50px}
.prog-modules-area .section-label h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.prog-modules-area .section-label p{font-size:1.05rem;color:#5a5a5a;margin:0}
.prog-modules-area .accordion-wrap{display:flex;flex-direction:column;gap:16px}
.prog-modules-area .accord-item{border:2px solid #e8e8e8;border-radius:12px;overflow:hidden;background:#fafafa}
.prog-modules-area .accord-toggle{display:none}
.prog-modules-area .accord-head{padding:24px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#f5f5f5 0%,#fff 100%);transition:all .3s ease}
.prog-modules-area .accord-head:hover{background:linear-gradient(90deg,#abbb1614 0%,#d5e7ff33 100%)}
.prog-modules-area .accord-head h4{font-size:1.2rem;color:#2a2a2a;margin:0;font-weight:600}
.prog-modules-area .accord-head .icon-arrow{width:32px;height:32px;background:#ABBB16;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}
.prog-modules-area .accord-head .icon-arrow::after{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #fff}
.prog-modules-area .accord-toggle:checked + .accord-head .icon-arrow{transform:rotate(180deg);background:#4842C5}
.prog-modules-area .accord-body{max-height:0;overflow:hidden;transition:max-height .4s ease}
.prog-modules-area .accord-toggle:checked ~ .accord-body{max-height:600px}
.prog-modules-area .accord-body .body-content{padding:24px 28px 28px;background:#fff;border-top:1px solid #e8e8e8}
.prog-modules-area .accord-body ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.prog-modules-area .accord-body li{font-size:.98rem;color:#4a4a4a;padding-left:28px;position:relative;line-height:1.6}
.prog-modules-area .accord-body li::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#ABBB16 0%,#4842C5 100%);border-radius:3px}
.prog-cta-final{background:linear-gradient(135deg,#4842C5 0%,#6b66d8 100%);padding:70px 20px;position:relative;overflow:hidden}
.prog-cta-final::before{content:'';position:absolute;top:-40%;left:-20%;width:500px;height:500px;background:radial-gradient(circle,#abbb1633 0%,transparent 70%);border-radius:50%}
.prog-cta-final .cta-box{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.prog-cta-final .dual-col{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center}
.prog-cta-final .text-zone h2{font-size:2.4rem;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.3}
.prog-cta-final .text-zone p{font-size:1.1rem;color:#ffffffe6;line-height:1.7;margin:0 0 32px}
.prog-cta-final .butt-primary{display:inline-block;background:#ABBB16;color:#1a1a1a;padding:16px 40px;border-radius:10px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #abbb1666;position:relative;z-index:10}
.prog-cta-final .butt-primary:hover{background:#bfd018;transform:translateY(-3px);box-shadow:0 10px 28px #abbb1680}
.prog-cta-final .visual-zone{position:relative}
.prog-cta-final .visual-zone img{width:100%;height:340px;object-fit:cover;border-radius:16px;border:4px solid #fff3;box-shadow:0 12px 36px #0000004d}
@media (max-width: 1366px) {
.prog-heado{padding:60px 20px 50px}
.prog-heado .intro-wrap{gap:40px}
.prog-heado .txt-area h1{font-size:2.4rem}
}
@media (max-width: 768px) {
.prog-heado{padding:50px 16px 40px}
.prog-heado .intro-wrap{grid-template-columns:1fr;gap:32px}
.prog-heado .txt-area h1{font-size:2rem}
.prog-heado .img-frame img{height:260px}
.prog-path-sec{padding:50px 16px}
.prog-path-sec .path-grid{grid-template-columns:1fr;gap:24px}
.prog-details-wrap{padding:50px 16px}
.prog-details-wrap .split-layout{grid-template-columns:1fr;gap:32px}
.prog-details-wrap .profile-box{position:static}
.prog-modules-area{padding:50px 16px}
.prog-modules-area .section-label h2{font-size:1.8rem}
.prog-cta-final{padding:50px 16px}
.prog-cta-final .dual-col{grid-template-columns:1fr;gap:32px}
.prog-cta-final .text-zone h2{font-size:1.9rem}
.prog-cta-final .visual-zone img{height:280px}
}
@media (max-width: 375px) {
.prog-heado .txt-area h1{font-size:1.75rem}
.prog-heado .txt-area p{font-size:1rem}
.prog-path-sec .step-card{padding:28px 20px}
.prog-modules-area .accord-head{padding:20px}
.prog-modules-area .accord-body .body-content{padding:20px}
.prog-cta-final .text-zone h2{font-size:1.65rem}
.prog-cta-final .butt-primary{padding:14px 32px;font-size:1rem}
}
.hero-wrapper{position:relative;background:linear-gradient(135deg,#4842C5 0%,#ABBB16 100%);padding:80px 20px;overflow:hidden}
.hero-wrapper::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#abbb161a 0%,#4842c533 100%);z-index:1}
.hero-inner{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.hero-txt-holder{text-align:center}
.hero-txt-holder .main-title{font-size:48px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.2}
.hero-txt-holder .sub-title{font-size:24px;font-weight:400;color:#D5E7FF;margin:0 0 12px;line-height:1.4}
.hero-txt-holder .desc-line{font-size:18px;color:#fff;margin:0;line-height:1.6;opacity:.9}
.stories-grid-section{background:#fff;padding:80px 20px}
.stories-grid-section .content-holder{max-width:1024px;margin:0 auto}
.stories-grid-section .section-header{text-align:center;margin-bottom:60px}
.stories-grid-section .section-header h2{font-size:36px;font-weight:700;color:#4842C5;margin:0 0 20px}
.stories-grid-section .section-header p{font-size:18px;color:#333;line-height:1.6;max-width:720px;margin:0 auto}
.story-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.story-card-item{background:#f9f9f9;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.story-card-item:hover{transform:translateY(-8px);box-shadow:0 8px 24px #4842c526}
.story-img-wrap{width:100%;height:280px;position:relative;overflow:hidden}
.story-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.story-card-item:hover .story-img-wrap img{transform:scale(1.05)}
.story-content-area{padding:32px}
.story-content-area h3{font-size:24px;font-weight:700;color:#4842C5;margin:0 0 16px;line-height:1.3}
.story-content-area .role-label{font-size:16px;font-weight:600;color:#ABBB16;margin:0 0 20px;text-transform:uppercase;letter-spacing:.5px}
.story-content-area .story-text{font-size:16px;color:#555;line-height:1.7;margin:0 0 24px}
.metric-row{display:flex;gap:24px;margin-top:24px}
.metric-item{flex:1;background:#fff;padding:16px;border-radius:8px;border-left:4px solid #ABBB16}
.metric-item .metric-value{font-size:28px;font-weight:700;color:#4842C5;margin:0 0 4px}
.metric-item .metric-label{font-size:14px;color:#777;margin:0}
.quote-block{background:linear-gradient(135deg,#abbb1614 0%,#d5e7ff26 100%);padding:24px;border-radius:8px;border-left:5px solid #4842C5;margin-top:20px;position:relative}
.quote-block::before{content:'"';position:absolute;top:10px;left:20px;font-size:60px;color:#4842c533;font-weight:700;line-height:1}
.quote-block p{font-size:16px;color:#333;font-style:italic;margin:0;padding-left:40px;line-height:1.6}
.process-timeline{display:flex;flex-direction:column;gap:16px;margin-top:28px}
.timeline-step{display:flex;align-items:flex-start;gap:16px}
.step-number{width:32px;height:32px;background:#ABBB16;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}
.step-content{flex:1}
.step-content .step-title{font-size:16px;font-weight:600;color:#4842C5;margin:0 0 4px}
.step-content .step-desc{font-size:14px;color:#666;margin:0;line-height:1.5}
@media (max-width: 768px) {
.hero-txt-holder .main-title{font-size:32px}
.hero-txt-holder .sub-title{font-size:20px}
.hero-txt-holder .desc-line{font-size:16px}
.story-card-grid{grid-template-columns:1fr;gap:32px}
.stories-grid-section .section-header h2{font-size:28px}
.metric-row{flex-direction:column;gap:16px}
.story-content-area{padding:24px}
}
@media (max-width: 375px) {
.hero-wrapper{padding:60px 16px}
.stories-grid-section{padding:60px 16px}
.hero-txt-holder .main-title{font-size:28px}
.story-content-area h3{font-size:20px}
}
.hero-succ{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4842C5 0%,#ABBB16 100%);overflow:hidden;padding:60px 20px}
.hero-succ::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#d5e7ff26 0%,transparent 70%);animation:pulse-bg 8s ease-in-out infinite}
@keyframes pulse-bg {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(5deg)}
}
.hero-succ::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#fffffff2)}
.succ-content-wrap{position:relative;z-index:2;text-align:center;max-width:720px;margin:0 auto}
.succ-icon-holder{width:96px;height:96px;background:#fffffff2;border-radius:50%;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000026;animation:bounce-in .6s ease-out}
@keyframes bounce-in {
0%{transform:scale(0) rotate(-180deg);opacity:0}
60%{transform:scale(1.1) rotate(10deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.succ-icon-holder svg{width:52px;height:52px}
.succ-title-main{font-size:42px;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 2px 12px #0003;line-height:1.2}
.succ-desc-text{font-size:19px;color:#fffffff2;line-height:1.6;margin:0;text-shadow:0 1px 4px #00000026}
.info-grid-section{padding:80px 20px;background:linear-gradient(to bottom,#fffffff2,#f8f9fa)}
.info-grid-container{max-width:1024px;margin:0 auto}
.grid-intro-holder{text-align:center;margin-bottom:56px}
.grid-intro-holder h2{font-size:34px;font-weight:700;color:#1a1a1a;margin:0 0 18px;position:relative;display:inline-block}
.grid-intro-holder h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#ABBB16,#4842C5);border-radius:2px}
.grid-intro-holder p{font-size:17px;color:#555;line-height:1.6;max-width:640px;margin:0 auto}
.card-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:48px}
.card-item-v2{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 4px 16px #00000014;transition:all .3s ease;border:2px solid transparent}
.card-item-v2:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4842c526;border-color:#abbb164d}
.card-icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,#abbb161a,#4842c51a);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-wrap svg{width:32px;height:32px}
.card-item-v2 h3{font-size:21px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.card-item-v2 p{font-size:16px;color:#666;line-height:1.6;margin:0}
.action-wrap-v2{text-align:center;padding-top:24px}
.btn-primary-succ{display:inline-block;padding:16px 48px;background:linear-gradient(135deg,#ABBB16,#4842C5);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:10px;box-shadow:0 6px 20px #4842c540;transition:all .3s ease;position:relative;z-index:10}
.btn-primary-succ:hover{transform:translateY(-2px);box-shadow:0 8px 28px #4842c559}
.btn-secondary-link{display:inline-block;margin-left:20px;padding:16px 36px;color:#4842C5;font-size:18px;font-weight:600;text-decoration:none;border:2px solid #4842C5;border-radius:10px;transition:all .3s ease;position:relative;z-index:10}
.btn-secondary-link:hover{background:#4842C5;color:#fff}
@media (max-width: 768px) {
.hero-succ{min-height:360px;padding:48px 20px}
.succ-title-main{font-size:32px}
.succ-desc-text{font-size:17px}
.grid-intro-holder h2{font-size:28px}
.card-grid-v2{grid-template-columns:1fr;gap:20px}
.btn-secondary-link{margin-left:0;margin-top:16px;display:block;max-width:280px;margin-left:auto;margin-right:auto}
.info-grid-section{padding:60px 20px}
}
@media (max-width: 480px) {
.succ-icon-holder{width:80px;height:80px}
.succ-icon-holder svg{width:44px;height:44px}
.succ-title-main{font-size:28px}
.btn-primary-succ{padding:14px 36px;font-size:17px}
.btn-secondary-link{padding:14px 28px;font-size:17px}
}