@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/300.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/600.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Source Serif Pro',serif;font-size:16px;line-height:1.6;color:#0E384E;background-color:#FEFDFB;display:flex;flex-direction:column;min-height:100vh}
.site-wrapper{max-width:1536px;margin:0 auto;width:100%}
.header-container{background:linear-gradient(135deg,#FEE7D9 0%,#FFF5EE 50%,#FEE7D9 100%);box-shadow:0 4px 8px #0e384e14 0 2px 4px #0e384e0f;position:relative}
.header-container::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF4448 0%,#0E384E 100%)}
.header-wrapper{max-width:1536px;margin:0 auto;padding:32px 24px 28px}
.logo-row{display:flex;justify-content:center;align-items:center;margin-bottom:24px}
.logo-box{width:120px;height:120px;display:flex;align-items:center;justify-content:center;background:#FFF;border-radius:16px;box-shadow:0 4px 12px #ff44481f 0 2px 6px #0e384e14;padding:18px}
.logo-box img{width:100%;height:100%;object-fit:contain}
.company-name-row{text-align:center;margin-bottom:28px}
.company-title{font-size:42px;font-weight:700;color:#0E384E;letter-spacing:-.5px;text-shadow:2px 2px 4px #ff44481a}
.navigation-row{display:flex;justify-content:center;align-items:center}
.main-navigation{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.main-navigation .nav-link{padding:12px 26px;font-size:17px;font-weight:600;color:#0E384E;text-decoration:none;background:#FFF;border-radius:8px;border:2px solid transparent;box-shadow:0 2px 6px #0e384e14;transition:all .2s ease}
.main-navigation .nav-link:hover{background:#FF4448;color:#FFF;border-color:#FF4448}
.main-navigation .nav-link.active-page{background:#0E384E;color:#FFF;border-color:#0E384E}
main{flex:1}
.footer-container{background:linear-gradient(180deg,#0E384E 0%,#1A4A62 100%);margin-top:60px;box-shadow:0 -6px 16px #0e384e26 0 -3px 8px #0e384e1a 0 -1px 4px #0e384e14;position:relative}
.footer-container::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF4448 0%,#FEE7D9 100%)}
.footer-wrapper{max-width:1536px;margin:0 auto;padding:48px 24px 32px}
.footer-content-box{display:flex;flex-direction:column;gap:36px}
.footer-navigation{display:flex;justify-content:center;gap:2px;flex-wrap:wrap}
.footer-navigation .footer-link{padding:10px 20px;font-size:15px;font-weight:400;color:#FEE7D9;text-decoration:none;border-right:2px solid #fee7d94d;transition:color .2s ease}
.footer-navigation .footer-link:last-child{border-right:none}
.footer-navigation .footer-link:hover{color:#FFF}
.footer-info-section{text-align:center;color:#FEE7D9;font-size:14px;line-height:1.8}
.contact-detail-line{margin-bottom:8px}
.contact-detail-line a{color:#FEE7D9;text-decoration:none}
.contact-detail-line a:hover{color:#FF4448}
.copyright-text{margin-top:20px;font-size:13px;color:#fee7d9b3}
.cookie-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0e384e66;z-index:9998;display:none;opacity:0;transition:opacity .3s ease}
.cookie-overlay.show-overlay{display:block;opacity:1}
.cookie-consent-box{position:fixed;top:-100%;left:50%;transform:translateX(-50%);width:90%;max-width:720px;background:#FFF;border-radius:12px;box-shadow:0 8px 24px #0e384e33 0 4px 12px #0e384e26;z-index:9999;padding:32px;transition:top .4s ease}
.cookie-consent-box.display-modal{top:40px}
.cookie-header-text{font-size:22px;font-weight:700;color:#0E384E;margin-bottom:16px}
.cookie-description-text{font-size:15px;line-height:1.6;color:#0E384E;margin-bottom:24px}
.preference-toggle-group{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;padding:20px;background:#FEE7D9;border-radius:8px}
.toggle-item{display:flex;justify-content:space-between;align-items:center}
.toggle-label{font-size:15px;font-weight:600;color:#0E384E}
.toggle-switch{position:relative;width:52px;height:28px;background:#CCC;border-radius:14px;cursor:pointer;transition:background .3s ease}
.toggle-switch.active-toggle{background:#FF4448}
.toggle-switch::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background:#FFF;border-radius:50%;transition:left .3s ease}
.toggle-switch.active-toggle::after{left:27px}
.cookie-action-box{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.cookie-button{padding:12px 28px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}
.accept-button{background:#FF4448;color:#FFF}
.accept-button:hover{background:#E63A3E}
.decline-button{background:#0E384E;color:#FFF}
.decline-button:hover{background:#1A4A62}
.policy-link{display:block;text-align:center;margin-top:16px;font-size:14px;color:#0E384E;text-decoration:underline}
@media (max-width: 768px) {
.header-wrapper{padding:24px 16px 20px}
.logo-box{width:90px;height:90px;padding:14px}
.company-title{font-size:28px}
.logo-row{margin-bottom:18px}
.company-name-row{margin-bottom:20px}
.main-navigation{gap:6px}
.main-navigation .nav-link{padding:10px 18px;font-size:15px}
.footer-wrapper{padding:36px 16px 24px}
.footer-navigation{flex-direction:column;gap:8px;align-items:center}
.footer-navigation .footer-link{border-right:none;border-bottom:1px solid #fee7d94d;padding:8px 0}
.footer-navigation .footer-link:last-child{border-bottom:none}
.cookie-consent-box{width:95%;padding:24px}
.cookie-header-text{font-size:19px}
.cookie-action-box{flex-direction:column}
.cookie-button{width:100%}
}
.rules-content{max-width:1536px;margin:0 auto;padding:60px 20px;background:#fff}
.rules-content p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 20px;text-align:justify}
.rules-content p + p{margin-top:16px}
.rules-content ul,.rules-content ol{margin:0 0 24px;padding:0 0 0 28px;color:#2c3e50}
.rules-content ul{list-style-type:disc}
.rules-content ol{list-style-type:decimal}
.rules-content li{font-size:16px;line-height:1.8;margin:0 0 12px;padding-left:8px}
.rules-content li:last-child{margin-bottom:0}
.rules-content ul ul,.rules-content ol ol,.rules-content ul ol,.rules-content ol ul{margin:12px 0 0;padding-left:24px}
.rules-content strong,.rules-content b{font-weight:700;color:#0E384E}
.rules-content em,.rules-content i{font-style:italic;color:#34495e}
.rules-content a{color:#FF4448;text-decoration:none;border-bottom:1px solid #ff44484d;transition:border-color .2s ease,color .2s ease}
.rules-content a:hover{color:#0E384E;border-bottom-color:#0E384E}
.rules-content a:focus{outline:2px solid #FF4448;outline-offset:2px}
.rules-content table{width:100%;border-collapse:collapse;margin:0 0 32px;background:#fff;box-shadow:0 2px 8px #0e384e14;border-radius:8px;overflow:hidden}
.rules-content thead{background:#0E384E}
.rules-content thead tr{border-bottom:2px solid #FF4448}
.rules-content tbody{background:#fff}
.rules-content tr{border-bottom:1px solid #e0e6ed}
.rules-content tbody tr:last-child{border-bottom:none}
.rules-content tbody tr:nth-child(even){background:#FEE7D9;background:#fee7d94d}
.rules-content tbody tr:hover{background:#fee7d999}
.rules-content th{padding:16px 20px;text-align:left;font-size:15px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.rules-content td{padding:14px 20px;font-size:16px;line-height:1.6;color:#2c3e50;vertical-align:top}
.rules-content td strong,.rules-content td b{color:#0E384E}
@media screen and (max-width: 1024px) {
.rules-content{padding:48px 16px}
.rules-content p,.rules-content li,.rules-content td{font-size:15px}
.rules-content th{font-size:14px;padding:14px 16px}
.rules-content td{padding:12px 16px}
}
@media screen and (max-width: 768px) {
.rules-content{padding:40px 14px}
.rules-content p{text-align:left}
.rules-content ul,.rules-content ol{padding-left:20px}
.rules-content table{font-size:14px;box-shadow:0 2px 6px #0e384e0f}
.rules-content th,.rules-content td{padding:10px 12px}
.rules-content th{font-size:13px}
.rules-content td{font-size:14px}
}
@media screen and (max-width: 480px) {
.rules-content{padding:32px 12px}
.rules-content table{display:block;overflow-x:auto;white-space:nowrap}
}
.lecture-hero-area{position:relative;background:linear-gradient(135deg,#FEE7D9 0%,#fff 100%);padding:80px 20px 60px;overflow:hidden}
.lecture-hero-area::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff444814 0%,transparent 70%);border-radius:50%}
.lecture-hero-area::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:radial-gradient(circle,#0e384e0d 0%,transparent 70%);border-radius:50%}
.hero-content-wrapper{max-width:1536px;margin:0 auto;display:flex;gap:40px;align-items:center;position:relative;z-index:2}
.hero-text-division{flex:1}
.hero-text-division h1{font-size:52px;line-height:1.2;color:#0E384E;margin:0;font-weight:700}
.hero-image-strip{width:200px;height:400px;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0e384e26 0 8px 32px #ff44481a;position:relative}
.hero-image-strip::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0e384e33 0%,transparent 40%,transparent 60%,#ff444826 100%);z-index:1}
.hero-image-strip img{width:100%;height:100%;object-fit:cover;display:block}
.platform-development-block{background:#fff;padding:100px 20px;position:relative}
.platform-development-block::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF4448 50%,transparent 100%)}
.development-inner-box{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.development-visual-part{position:relative}
.development-image-container{border-radius:16px;overflow:hidden;box-shadow:0 6px 24px #0e384e1f}
.development-image-container img{width:100%;height:auto;display:block}
.development-decorative-shape{position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:linear-gradient(135deg,#FF4448 0%,#FEE7D9 100%);border-radius:24px;opacity:.3;z-index:-1}
.development-text-part h2{font-size:38px;color:#0E384E;margin:0 0 24px;line-height:1.3}
.development-text-part p{font-size:16px;line-height:1.75;color:#333;margin:0 0 20px}
.development-features-group{display:flex;flex-direction:column;gap:16px;margin:32px 0 0}
.feature-item-row{display:flex;align-items:start;gap:12px;padding:16px;background:#FEE7D9;border-radius:8px;border-left:4px solid #FF4448}
.feature-item-row i{color:#FF4448;font-size:22px;margin-top:2px}
.feature-item-row div h4{font-size:18px;color:#0E384E;margin:0 0 6px}
.feature-item-row div p{font-size:14px;color:#555;margin:0;line-height:1.6}
.community-support-section{background:linear-gradient(180deg,#0E384E 0%,#1a4d68 100%);padding:100px 20px;position:relative;overflow:hidden}
.community-support-section::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#ff444826 0%,transparent 70%);border-radius:50%}
.community-content-wrapper{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.community-header-division{text-align:center;margin-bottom:60px}
.community-header-division h2{font-size:42px;color:#fff;margin:0 0 20px}
.community-header-division p{font-size:18px;color:#ffffffe6;max-width:800px;margin:0 auto;line-height:1.7}
.community-elements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.community-card-element{background:#ffffff0d;padding:36px 28px;border-radius:16px;backdrop-filter:blur(10px);border:1px solid #ffffff1a;transition:all .3s ease;position:relative}
.community-card-element:hover{transform:translateY(-4px);background:#ffffff14;box-shadow:0 8px 32px #0003}
.community-card-element::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF4448 0%,#FEE7D9 100%);border-radius:16px 0 0 16px;opacity:0;transition:opacity .3s ease}
.community-card-element:hover::before{opacity:1}
.card-icon-holder{width:64px;height:64px;background:#ff444826;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-holder i{font-size:32px;color:#FF4448}
.community-card-element h3{font-size:22px;color:#fff;margin:0 0 14px}
.community-card-element p{font-size:15px;color:#ffffffd9;line-height:1.7;margin:0}
.content-mastery-area{background:#fff;padding:100px 20px}
.mastery-container-box{max-width:1536px;margin:0 auto}
.mastery-intro-segment{display:flex;gap:50px;align-items:center;margin-bottom:60px}
.mastery-intro-text{flex:1}
.mastery-intro-text h2{font-size:40px;color:#0E384E;margin:0 0 20px;line-height:1.3}
.mastery-intro-text p{font-size:16px;line-height:1.75;color:#333;margin:0 0 16px}
.mastery-intro-image{width:400px;height:300px;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0e384e26;position:relative}
.mastery-intro-image img{width:100%;height:100%;object-fit:cover;display:block}
.mastery-intro-image::after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0%,#ff444833 100%)}
.sequential-learning-tracker{background:linear-gradient(135deg,#FEE7D9 0%,#fff 100%);padding:48px;border-radius:20px;box-shadow:0 4px 20px #0e384e14}
.tracker-header-title{text-align:center;margin-bottom:40px}
.tracker-header-title h3{font-size:32px;color:#0E384E;margin:0 0 12px}
.tracker-header-title p{font-size:16px;color:#555;margin:0}
.progress-path-timeline{display:flex;justify-content:space-between;position:relative;padding:20px 0}
.progress-path-timeline::before{content:'';position:absolute;top:50%;left:80px;right:80px;height:3px;background:linear-gradient(90deg,#FF4448 0%,#FEE7D9 100%);transform:translateY(-50%);z-index:0}
.stage-checkpoint{display:flex;flex-direction:column;align-items:center;gap:12px;position:relative;z-index:1;width:140px}
.checkpoint-indicator{width:56px;height:56px;background:#fff;border:4px solid #FF4448;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#FF4448;box-shadow:0 4px 16px #ff444840}
.stage-checkpoint.is-completed .checkpoint-indicator{background:#FF4448;color:#fff}
.stage-checkpoint.is-current .checkpoint-indicator{background:linear-gradient(135deg,#FF4448 0%,#FEE7D9 100%);color:#0E384E;border-color:#0E384E;animation:pulse-ring 2s infinite}
@keyframes pulse-ring {
0%,100%{box-shadow:0 4px 16px #ff444840}
50%{box-shadow:0 4px 24px #ff444880 0 0 0 8px #ff44481a}
}
.checkpoint-label{text-align:center}
.checkpoint-label h5{font-size:14px;color:#0E384E;margin:0 0 4px;font-weight:600}
.checkpoint-label span{font-size:12px;color:#666}
.resource-depth-showcase{margin-top:60px;display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.resource-content-card{background:#fff;padding:32px;border-radius:16px;border:2px solid #FEE7D9;display:flex;gap:24px;transition:all .3s ease}
.resource-content-card:hover{border-color:#FF4448;box-shadow:0 6px 24px #ff444826;transform:translateY(-2px)}
.resource-card-image{width:180px;height:140px;border-radius:12px;overflow:hidden;flex-shrink:0}
.resource-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.resource-card-content h4{font-size:20px;color:#0E384E;margin:0 0 12px}
.resource-card-content p{font-size:14px;line-height:1.7;color:#555;margin:0 0 16px}
.resource-stat-bar{display:flex;gap:20px;align-items:center}
.stat-metric-item{display:flex;flex-direction:column;gap:4px}
.stat-metric-item strong{font-size:20px;color:#FF4448;font-weight:700}
.stat-metric-item span{font-size:12px;color:#666}
@media (max-width: 1024px) {
.hero-content-wrapper{flex-direction:column-reverse}
.hero-image-strip{width:100%;height:240px}
.hero-text-division h1{font-size:38px}
.development-inner-box{grid-template-columns:1fr;gap:40px}
.community-elements-grid{grid-template-columns:1fr}
.mastery-intro-segment{flex-direction:column}
.mastery-intro-image{width:100%}
.progress-path-timeline{flex-direction:column;gap:24px}
.progress-path-timeline::before{left:28px;top:60px;bottom:60px;width:3px;height:auto;right:auto}
.stage-checkpoint{flex-direction:row;width:100%;text-align:left}
.checkpoint-label{text-align:left}
.resource-depth-showcase{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.lecture-hero-area{padding:60px 20px 40px}
.hero-text-division h1{font-size:32px}
.platform-development-block{padding:60px 20px}
.development-text-part h2{font-size:28px}
.community-support-section{padding:60px 20px}
.community-header-division h2{font-size:32px}
.content-mastery-area{padding:60px 20px}
.mastery-intro-text h2{font-size:28px}
.sequential-learning-tracker{padding:32px 20px}
.resource-content-card{flex-direction:column}
.resource-card-image{width:100%}
}
.reach-out-header{background:linear-gradient(135deg,#FEE7D9 0%,#fff 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.reach-out-header::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#ff444814 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}
.reach-out-header::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#FF4448 0%,transparent 100%)}
.reach-container{max-width:1536px;margin:0 auto;padding:0 20px}
.reach-hero-content{max-width:720px}
.reach-pretitle{font-size:14px;letter-spacing:2px;text-transform:uppercase;color:#FF4448;font-weight:600;margin-bottom:16px;display:inline-block}
.reach-hero-content h1{font-size:48px;line-height:1.2;color:#0E384E;margin:0 0 24px;font-weight:700}
.reach-intro-text{font-size:18px;line-height:1.7;color:#4a5568;margin:0}
.reach-intro-text::before{content:'';display:block;width:60px;height:3px;background:#FF4448;margin-bottom:24px}
.reach-visual-zone{padding:100px 20px;background:#fff;position:relative}
.reach-visual-wrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.reach-image-holder{position:relative}
.reach-image-holder img{width:100%;height:500px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0e384e26}
.reach-image-holder::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:3px solid #FEE7D9;border-radius:8px;z-index:-1}
.reach-context-box{padding:40px;background:linear-gradient(135deg,#f8fafc 0%,#FEE7D9 100%);border-radius:12px;border-left:4px solid #FF4448}
.reach-context-box h2{font-size:32px;color:#0E384E;margin:0 0 20px;font-weight:600}
.reach-context-box p{font-size:16px;line-height:1.8;color:#4a5568;margin:0 0 16px}
.reach-context-box p:last-of-type{margin-bottom:0}
.reach-details-section{background:#0E384E;padding:80px 20px;position:relative}
.reach-details-section::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#fee7d94d 50%,transparent 100%)}
.reach-details-grid{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:60px}
.reach-info-card{text-align:center;padding:40px 30px;background:#ffffff0d;border-radius:8px;transition:all .3s ease}
.reach-info-card:hover{background:#ffffff14;transform:translateY(-4px)}
.reach-icon-wrap{width:64px;height:64px;margin:0 auto 24px;background:linear-gradient(135deg,#FF4448 0%,#ff6b6e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #ff44484d}
.reach-icon-wrap i{font-size:28px;color:#fff}
.reach-info-card h3{font-size:20px;color:#FEE7D9;margin:0 0 16px;font-weight:600}
.reach-info-card p{font-size:15px;line-height:1.6;color:#cbd5e0;margin:0}
.reach-info-card a{color:#FEE7D9;text-decoration:none;transition:color .3s ease}
.reach-info-card a:hover{color:#fff}
.reach-form-section{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.reach-form-container{max-width:800px;margin:0 auto}
.reach-form-header{text-align:center;margin-bottom:60px}
.reach-form-header h2{font-size:38px;color:#0E384E;margin:0 0 20px;font-weight:700}
.reach-form-header p{font-size:17px;line-height:1.7;color:#4a5568;margin:0;max-width:600px;margin:0 auto}
.reach-form-box{background:#fff;padding:50px;border-radius:12px;box-shadow:0 8px 24px #0e384e14}
.reach-form-field{margin-bottom:28px}
.reach-form-field label{display:block;font-size:15px;font-weight:600;color:#0E384E;margin-bottom:10px}
.reach-form-field input,.reach-form-field textarea,.reach-form-field select{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e2e8f0;border-radius:6px;background:#fff;color:#2d3748;transition:all .3s ease;box-sizing:border-box}
.reach-form-field input:focus,.reach-form-field textarea:focus,.reach-form-field select:focus{outline:none;border-color:#FF4448;box-shadow:0 0 0 3px #ff44481a}
.reach-form-field textarea{min-height:140px;resize:vertical}
.reach-form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%230E384E' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:12px;padding-right:44px}
.reach-privacy-check{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.reach-privacy-check input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.reach-privacy-check label{font-size:14px;line-height:1.6;color:#4a5568;cursor:pointer}
.reach-privacy-check a{color:#FF4448;text-decoration:none;font-weight:600}
.reach-privacy-check a:hover{text-decoration:underline}
.reach-submit-btn{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#FF4448 0%,#ff6b6e 100%);border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #ff44484d}
.reach-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff444866}
.reach-submit-btn:active{transform:translateY(0)}
.reach-additional-zone{padding:80px 20px;background:#FEE7D9;position:relative}
.reach-additional-zone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,#0e384e08 1px,transparent 1px);background-size:24px 24px;opacity:.5}
.reach-additional-content{max-width:1536px;margin:0 auto;position:relative;z-index:1}
.reach-growth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.reach-growth-item{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 16px #0e384e0f;position:relative}
.reach-growth-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF4448 0%,#ff6b6e 100%);border-radius:8px 0 0 8px}
.reach-growth-item h3{font-size:24px;color:#0E384E;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:12px}
.reach-growth-item h3 i{color:#FF4448;font-size:22px}
.reach-growth-item p{font-size:16px;line-height:1.8;color:#4a5568;margin:0}
@media (max-width: 1024px) {
.reach-visual-wrap{grid-template-columns:1fr;gap:50px}
.reach-details-grid{grid-template-columns:1fr;gap:40px}
.reach-growth-grid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.reach-out-header{padding:60px 20px 40px}
.reach-hero-content h1{font-size:36px}
.reach-intro-text{font-size:16px}
.reach-visual-zone{padding:60px 20px}
.reach-image-holder img{height:350px}
.reach-context-box{padding:30px}
.reach-context-box h2{font-size:26px}
.reach-details-section{padding:60px 20px}
.reach-form-section{padding:60px 20px}
.reach-form-header h2{font-size:30px}
.reach-form-box{padding:30px 20px}
.reach-additional-zone{padding:60px 20px}
}
.program-layout{max-width:1536px;margin:0 auto;background:#FEFEFE}
.intro-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:80px 24px;align-items:center;position:relative;overflow:hidden}
.intro-hero::before{content:'';position:absolute;top:-120px;right:-80px;width:320px;height:320px;background:#ff444814;border-radius:50%;z-index:0}
.intro-hero::after{content:'';position:absolute;bottom:-60px;left:-40px;width:200px;height:200px;background:#0e384e0d;transform:rotate(45deg);z-index:0}
.intro-content-wrapper{position:relative;z-index:2}
.intro-pre-heading{font-size:15px;color:#FF4448;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:16px;font-weight:600}
.intro-main-heading{font-size:42px;color:#0E384E;line-height:1.2;margin-bottom:24px;font-weight:700}
.intro-description-text{font-size:17px;line-height:1.7;color:#4A5568;margin-bottom:20px}
.intro-visual-container{position:relative;z-index:2}
.geometric-image-clip{width:100%;height:480px;clip-path:polygon(15% 0%,100% 0%,100% 85%,85% 100%,0% 100%,0% 15%);position:relative;overflow:hidden;box-shadow:0 8px 24px #0e384e26;animation:subtle-float 6s ease-in-out infinite}
@keyframes subtle-float {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.geometric-image-clip img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.geometric-image-clip:hover img{transform:scale(1.05)}
.geometric-accent-shape{position:absolute;top:-20px;right:-20px;width:140px;height:140px;background:#fee7d9b3;border-radius:50%;z-index:-1}
.ecology-curriculum-section{padding:96px 24px;background:linear-gradient(135deg,#FEE7D9 0%,#FFF 100%);position:relative}
.curriculum-content-box{max-width:1280px;margin:0 auto}
.curriculum-header-box{text-align:center;margin-bottom:64px}
.curriculum-title-text{font-size:38px;color:#0E384E;margin-bottom:20px;font-weight:700}
.curriculum-subtitle-text{font-size:18px;color:#5A6C7D;line-height:1.6;max-width:720px;margin:0 auto}
.curriculum-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.curriculum-topic-card{background:#FFF;border-radius:16px;padding:32px;box-shadow:0 4px 16px #0e384e1a;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}
.curriculum-topic-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#FF4448;transition:height .3s ease}
.curriculum-topic-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #ff444833;border-color:#FF4448}
.curriculum-topic-card:hover::before{height:100%}
.topic-card-number{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#FF4448,#FF6B6E);color:#FFF;border-radius:12px;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.topic-card-heading{font-size:22px;color:#0E384E;margin-bottom:16px;font-weight:600}
.topic-card-description{font-size:16px;color:#5F6F7F;line-height:1.7;margin-bottom:16px}
.topic-key-concepts-list{list-style:none;padding:0;margin:0}
.topic-key-concepts-list li{font-size:15px;color:#4A5568;padding:8px 0 8px 28px;position:relative}
.topic-key-concepts-list li::before{content:'→';position:absolute;left:0;color:#FF4448;font-weight:700}
.learning-approach-block{padding:88px 24px;background:#FFF}
.approach-wrapper-box{max-width:1280px;margin:0 auto}
.approach-split-layout{display:grid;grid-template-columns:2fr 3fr;gap:56px;align-items:start}
.approach-sidebar-content{position:sticky;top:40px}
.approach-section-label{font-size:14px;color:#FF4448;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:16px;font-weight:600}
.approach-main-title{font-size:36px;color:#0E384E;margin-bottom:24px;line-height:1.3;font-weight:700}
.approach-intro-paragraph{font-size:17px;color:#5A6C7D;line-height:1.7;margin-bottom:32px}
.approach-cta-button{display:inline-block;padding:14px 32px;background:#FF4448;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #ff44484d}
.approach-cta-button:hover{background:#E63D41;box-shadow:0 6px 20px #ff444866;transform:translateY(-2px)}
.approach-methods-container{display:flex;flex-direction:column;gap:24px}
.method-detail-card{background:#F8F9FA;border-radius:12px;padding:28px;border-left:4px solid #0E384E;transition:all .3s ease}
.method-detail-card:hover{background:#FFF;box-shadow:0 6px 18px #0e384e1f;border-left-color:#FF4448}
.method-card-title{font-size:20px;color:#0E384E;margin-bottom:12px;font-weight:600;display:flex;align-items:center;gap:12px}
.method-card-icon{width:32px;height:32px;background:#ff44481a;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#FF4448;font-size:18px}
.method-card-text{font-size:16px;color:#5F6F7F;line-height:1.7}
.enrollment-call-to-action{padding:96px 24px;background:linear-gradient(135deg,#0E384E 0%,#1A4A66 100%);position:relative;overflow:hidden}
.enrollment-call-to-action::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:#ff44481a;border-radius:50%}
.enrollment-call-to-action::after{content:'';position:absolute;bottom:-80px;left:-80px;width:300px;height:300px;background:#fee7d914;border-radius:50%}
.enrollment-inner-wrapper{max-width:1024px;margin:0 auto;text-align:center;position:relative;z-index:2}
.enrollment-heading-text{font-size:40px;color:#FFF;margin-bottom:24px;font-weight:700}
.enrollment-description-box{font-size:18px;color:#E2E8F0;line-height:1.7;margin-bottom:20px}
.enrollment-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:48px 0}
.feature-stat-box{background:#ffffff0d;border-radius:12px;padding:28px 20px;border:1px solid #ffffff1a;transition:all .3s ease}
.feature-stat-box:hover{background:#ffffff14;border-color:#FF4448;transform:translateY(-4px)}
.feature-stat-number{font-size:36px;color:#FF4448;font-weight:700;margin-bottom:12px}
.feature-stat-label{font-size:16px;color:#CBD5E0;font-weight:500}
.enrollment-action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.enrollment-primary-button{display:inline-block;padding:16px 40px;background:#FF4448;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;transition:all .3s ease;box-shadow:0 4px 16px #ff444866}
.enrollment-primary-button:hover{background:#E63D41;box-shadow:0 6px 24px #ff444899;transform:translateY(-2px)}
.enrollment-secondary-button{display:inline-block;padding:16px 40px;background:transparent;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;font-size:17px;border:2px solid #FFF;transition:all .3s ease}
.enrollment-secondary-button:hover{background:#FFF;color:#0E384E;transform:translateY(-2px)}
@media (max-width: 1024px) {
.intro-hero{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.geometric-image-clip{height:360px}
.curriculum-grid-layout{grid-template-columns:repeat(2,1fr)}
.approach-split-layout{grid-template-columns:1fr;gap:40px}
.approach-sidebar-content{position:static}
.enrollment-features-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.intro-main-heading{font-size:32px}
.curriculum-grid-layout{grid-template-columns:1fr}
.curriculum-title-text{font-size:30px}
.approach-main-title{font-size:28px}
.enrollment-heading-text{font-size:30px}
.enrollment-action-buttons{flex-direction:column;align-items:stretch}
.enrollment-primary-button,.enrollment-secondary-button{text-align:center}
}
.title-display{max-width:1536px;margin:0 auto;padding:120px 24px 100px;position:relative}
.title-wrapper{display:flex;flex-direction:column;gap:48px}
.title-content-area{max-width:780px}
.title-content-area h1{font-size:56px;line-height:1.15;color:#0E384E;margin:0 0 28px;font-weight:700}
.title-content-area .intro-statement{font-size:20px;line-height:1.7;color:#333;margin:0}
.title-image-section{position:relative;max-width:920px}
.title-image-section img{width:100%;height:480px;object-fit:cover;border-radius:8px;display:block}
.title-image-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 35%,#0e384e66 100%);border-radius:8px;pointer-events:none}
.title-image-section::after{content:'';position:absolute;top:-16px;left:-16px;right:60%;bottom:60%;border:2px solid #FF4448;border-radius:8px;pointer-events:none}
.mission-container{max-width:1536px;margin:0 auto;padding:90px 24px;background:linear-gradient(135deg,#FEE7D9 0%,#fff 100%)}
.mission-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.mission-text-section h2{font-size:42px;line-height:1.2;color:#0E384E;margin:0 0 32px;font-weight:700}
.mission-text-section p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px}
.mission-text-section p:last-child{margin-bottom:0}
.mission-values-grid{display:grid;grid-template-columns:1fr;gap:24px}
.value-item{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 6px #0000000f;border-left:4px solid #FF4448}
.value-item h3{font-size:22px;color:#0E384E;margin:0 0 12px;font-weight:600}
.value-item p{font-size:16px;line-height:1.7;color:#555;margin:0}
.approach-block{max-width:1536px;margin:0 auto;padding:100px 24px;position:relative}
.approach-block::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:340px;height:340px;background:radial-gradient(circle,#ff44481f 0%,transparent 70%);border-radius:50%;z-index:0}
.approach-content{position:relative;z-index:1}
.approach-header{text-align:center;max-width:760px;margin:0 auto 64px}
.approach-header h2{font-size:44px;line-height:1.2;color:#0E384E;margin:0 0 20px;font-weight:700}
.approach-header .subtitle-text{font-size:18px;line-height:1.7;color:#555;margin:0}
.approach-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.step-card{background:#fff;padding:40px 32px;border-radius:20px;box-shadow:0 6px 12px #00000014;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.step-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0000001f}
.step-number{width:64px;height:64px;background:linear-gradient(135deg,#FF4448 0%,#ff6b6e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;margin:0 0 24px;box-shadow:0 4px 8px #ff44484d}
.step-card h3{font-size:24px;color:#0E384E;margin:0 0 16px;font-weight:600}
.step-card p{font-size:16px;line-height:1.7;color:#555;margin:0}
.achievements-section{background:#0E384E;padding:90px 24px}
.achievements-inner{max-width:1536px;margin:0 auto}
.achievements-intro{max-width:680px;margin:0 auto 56px;text-align:center}
.achievements-intro h2{font-size:40px;line-height:1.2;color:#fff;margin:0 0 20px;font-weight:700}
.achievements-intro p{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0}
.stats-display{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat-box{text-align:center;padding:40px 24px;background:#ffffff14;border-radius:12px;border:2px solid #ffffff26;transition:background .3s ease,border-color .3s ease}
.stat-box:hover{background:#ffffff1f;border-color:#FF4448}
.stat-box .stat-number{font-size:52px;font-weight:700;color:#FF4448;margin:0 0 12px;line-height:1}
.stat-box .stat-label{font-size:16px;color:#ffffffe6;margin:0;font-weight:500}
.commitment-area{max-width:1536px;margin:0 auto;padding:100px 24px}
.commitment-layout{display:grid;grid-template-columns:45% 1fr;gap:72px;align-items:center}
.commitment-visual{position:relative}
.commitment-visual img{width:100%;height:540px;object-fit:cover;border-radius:24px;display:block;box-shadow:0 8px 16px #0000001f}
.commitment-visual::after{content:'';position:absolute;bottom:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(135deg,#FF4448 0%,#FEE7D9 100%);border-radius:50%;z-index:-1;opacity:.6}
.commitment-text h2{font-size:44px;line-height:1.2;color:#0E384E;margin:0 0 28px;font-weight:700;position:relative;padding-left:24px}
.commitment-text h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:#FF4448;border-radius:3px}
.commitment-text p{font-size:17px;line-height:1.8;color:#333;margin:0 0 24px}
.commitment-features{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.feature-point{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#FEE7D9;border-radius:12px}
.feature-point i{color:#FF4448;font-size:24px;flex-shrink:0}
.feature-point .feature-content h4{font-size:18px;color:#0E384E;margin:0 0 8px;font-weight:600}
.feature-point .feature-content p{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 1024px) {
.title-display{padding:80px 24px 70px}
.title-content-area h1{font-size:44px}
.title-image-section img{height:400px}
.mission-wrapper{grid-template-columns:1fr;gap:48px}
.approach-steps{grid-template-columns:1fr}
.stats-display{grid-template-columns:repeat(2,1fr)}
.commitment-layout{grid-template-columns:1fr;gap:48px}
.commitment-features{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.title-content-area h1{font-size:36px}
.title-content-area .intro-statement{font-size:18px}
.title-image-section img{height:320px}
.title-image-section::after{right:50%;bottom:50%}
.mission-container{padding:60px 20px}
.mission-text-section h2{font-size:32px}
.approach-block{padding:70px 20px}
.approach-header h2{font-size:34px}
.achievements-section{padding:60px 20px}
.achievements-intro h2{font-size:32px}
.stats-display{grid-template-columns:1fr}
.commitment-area{padding:70px 20px}
.commitment-visual img{height:400px}
.commitment-text h2{font-size:34px}
}
.success-wrapper{max-width:1536px;margin:0 auto;padding:0 24px}
.confirmation-section{padding:120px 0 80px;background:linear-gradient(135deg,#FEE7D9 0%,#fee7d94d 100%);position:relative;overflow:hidden}
.confirmation-section::before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:#ff444814;border-radius:50%;z-index:1}
.confirmation-section::after{content:'';position:absolute;bottom:-60px;left:-100px;width:320px;height:320px;background:#0e384e0d;border-radius:50%;z-index:1}
.confirmation-content{position:relative;z-index:2;max-width:840px;margin:0 auto;text-align:center}
.status-icon-wrapper{margin-bottom:48px;display:inline-block;position:relative}
.checkmark-circle{width:140px;height:140px;background:linear-gradient(135deg,#FF4448 0%,#FF6B6E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 48px #ff44483d;position:relative;animation:pulse-icon 2s ease-in-out infinite}
@keyframes pulse-icon {
0%,100%{transform:scale(1);box-shadow:0 16px 48px #ff44483d}
50%{transform:scale(1.05);box-shadow:0 20px 56px #ff444852}
}
.checkmark-svg{width:72px;height:72px;stroke:#fff;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .8s ease-out forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.confirmation-content .main-heading{font-size:56px;font-weight:700;color:#0E384E;margin:0 0 32px;line-height:1.2}
.confirmation-content .description-text{font-size:20px;line-height:1.7;color:#2a4a5e;margin:0 0 24px}
.confirmation-content .additional-info{font-size:17px;line-height:1.6;color:#4a6a7e;margin:0 0 56px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:64px}
.info-card{background:#fff;padding:32px 28px;border-radius:20px;box-shadow:0 4px 16px #0e384e14;border:2px solid transparent;transition:all .3s ease}
.info-card:hover{border-color:#FF4448;transform:translateY(-4px);box-shadow:0 8px 24px #ff444829}
.info-card-icon{width:48px;height:48px;background:#ff44481f;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.info-card-icon svg{width:24px;height:24px;fill:#FF4448}
.info-card .card-title{font-size:20px;font-weight:600;color:#0E384E;margin:0 0 12px}
.info-card .card-text{font-size:16px;line-height:1.6;color:#4a6a7e;margin:0}
.navigation-actions{display:flex;flex-direction:column;gap:16px;align-items:center;max-width:480px;margin:0 auto}
.primary-action-link{display:inline-block;background:#FF4448;color:#fff;font-size:18px;font-weight:600;padding:18px 48px;border-radius:12px;text-decoration:none;box-shadow:0 6px 20px #ff44484d;transition:all .3s ease;width:100%;text-align:center}
.primary-action-link:hover{background:#e63d41;transform:translateY(-2px);box-shadow:0 10px 28px #ff444866}
.secondary-action-link{display:inline-block;background:transparent;color:#0E384E;font-size:17px;font-weight:500;padding:16px 40px;border-radius:12px;text-decoration:none;border:2px solid #0E384E;transition:all .3s ease;width:100%;text-align:center}
.secondary-action-link:hover{background:#0E384E;color:#fff}
.timeline-section{padding:100px 0;background:linear-gradient(180deg,#fff 0%,#fee7d933 100%)}
.timeline-header{text-align:center;margin-bottom:72px}
.timeline-header .section-title{font-size:44px;font-weight:700;color:#0E384E;margin:0 0 20px;position:relative;display:inline-block}
.timeline-header .section-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF4448 0%,#FF6B6E 100%);border-radius:4px}
.timeline-header .section-description{font-size:18px;line-height:1.7;color:#4a6a7e;max-width:680px;margin:24px auto 0}
.process-timeline{max-width:920px;margin:0 auto;position:relative}
.process-timeline::before{content:'';position:absolute;left:40px;top:24px;bottom:24px;width:3px;background:linear-gradient(180deg,#FF4448 0%,#ff444833 100%)}
.timeline-item{position:relative;padding-left:120px;margin-bottom:56px;padding-bottom:12px}
.timeline-item:last-child{margin-bottom:0}
.step-number{position:absolute;left:0;top:0;width:80px;height:80px;background:#fff;border:4px solid #FF4448;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#FF4448;box-shadow:0 6px 20px #ff444833;z-index:2}
.timeline-content-box{background:#fff;padding:36px 32px;border-radius:16px;box-shadow:0 4px 16px #0e384e1a;border-left:4px solid #FF4448;transition:all .3s ease}
.timeline-content-box:hover{transform:translateX(8px);box-shadow:0 8px 24px #0e384e24}
.timeline-item .step-title{font-size:24px;font-weight:600;color:#0E384E;margin:0 0 16px}
.timeline-item .step-description{font-size:17px;line-height:1.7;color:#4a6a7e;margin:0 0 16px}
.step-details-list{list-style:none;padding:0;margin:0}
.step-details-list li{font-size:16px;line-height:1.6;color:#5a7a8e;padding-left:32px;position:relative;margin-bottom:10px}
.step-details-list li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:2px;background:#FF4448}
.step-details-list li:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.confirmation-content .main-heading{font-size:44px}
.timeline-header .section-title{font-size:36px}
.info-grid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.confirmation-section{padding:80px 0 60px}
.confirmation-content .main-heading{font-size:36px;margin-bottom:24px}
.confirmation-content .description-text{font-size:18px}
.checkmark-circle{width:100px;height:100px}
.checkmark-svg{width:52px;height:52px}
.timeline-section{padding:60px 0}
.timeline-header .section-title{font-size:32px}
.process-timeline::before{left:28px}
.timeline-item{padding-left:90px;margin-bottom:40px}
.step-number{width:56px;height:56px;font-size:20px;border-width:3px}
.timeline-content-box{padding:24px 20px}
.timeline-item .step-title{font-size:20px}
.timeline-item .step-description{font-size:16px}
.navigation-actions{width:100%}
}