*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:#0a0a0f;color:#e0e0e8;line-height:1.6;overflow-x:hidden}
.main-header{background:linear-gradient(135deg,#0f0f18 0%,#1a1a28 100%);border-bottom:2px solid #23c2554d;box-shadow:0 4px 20px #23c2551a;position:relative}
.header-top-row{background:#1a187f26;border-bottom:1px solid #23c25533;padding:12px 0}
.header-top-container{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.header-contact-info{display:flex;gap:25px;flex-wrap:wrap;align-items:center}
.contact-item-header{display:flex;align-items:center;gap:8px;font-size:13px;color:#b0b0c0;text-decoration:none;transition:color .2s}
.contact-item-header:hover{color:#23C255}
.contact-icon-wrap{width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#23c25526;border-radius:3px;font-size:11px}
.header-main-row{padding:20px 0}
.header-main-container{max-width:1140px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.logo-brand-section{display:flex;align-items:center;gap:18px;flex-shrink:0}
.logo-wrapper{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#23c25514;border:2px solid #23c2554d;border-radius:8px;box-shadow:0 0 20px #23c25533 inset 0 0 15px #23c2550d;position:relative}
.logo-wrapper::before{content:'';position:absolute;inset:-3px;background:linear-gradient(45deg,#23c2554d,transparent,#1a187f4d);border-radius:10px;z-index:-1;opacity:.6}
.logo-wrapper img{width:70px;height:70px;object-fit:contain}
.brand-text-block{display:flex;flex-direction:column;gap:4px}
.company-name-header{font-size:26px;font-weight:700;color:#23C255;text-shadow:0 0 15px #23c25580;letter-spacing:.5px}
.company-tagline{font-size:12px;color:#9090a8;font-weight:400;letter-spacing:.3px}
.nav-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nav-container a{padding:12px 22px;text-decoration:none;color:#d0d0e0;font-size:15px;font-weight:500;background:#1a187f33;border:1px solid #23c25540;border-radius:4px;transition:background 0.2s,color 0.2s,border-color .2s;position:relative;overflow:hidden}
.nav-container a::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#23c25526,transparent);transition:left .3s}
.nav-container a:hover::before{left:100%}
.nav-container a:hover{background:#23c25526;color:#23C255;border-color:#23C255}
.main-footer{background:linear-gradient(135deg,#0d0d15 0%,#15151f 100%);border-top:2px solid #23c2554d;padding:50px 0 30px;margin-top:80px;position:relative}
.main-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#23C255,transparent);opacity:.5}
.footer-content-wrap{max-width:1140px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}
.footer-column-about{display:flex;flex-direction:column;gap:20px}
.footer-brand{font-size:22px;font-weight:700;color:#23C255;text-shadow:0 0 12px #23c25566;margin-bottom:10px}
.footer-mission-text{font-size:14px;line-height:1.8;color:#b0b0c0;max-width:450px}
.footer-column-links{display:flex;flex-direction:column;gap:16px}
.footer-column-title{font-size:16px;font-weight:600;color:#23C255;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}
.footer-link-item{color:#9090a8;text-decoration:none;font-size:14px;transition:color .2s;display:inline-block}
.footer-link-item:hover{color:#23C255}
.footer-column-contact{display:flex;flex-direction:column;gap:14px}
.footer-contact-line{display:flex;flex-direction:column;gap:4px}
.footer-contact-label{font-size:11px;color:#7070a0;text-transform:uppercase;letter-spacing:.5px}
.footer-contact-value{color:#b0b0c0;font-size:14px;text-decoration:none;transition:color .2s}
.footer-contact-value:hover{color:#23C255}
.footer-bottom-bar{max-width:1140px;margin:40px auto 0;padding:25px 20px 0;border-top:1px solid #23c25533;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}
.copyright-text{font-size:13px;color:#7070a0}
.footer-legal-links{display:flex;gap:20px}
.cookie-popup-container{position:fixed;top:20px;left:20px;max-width:420px;background:linear-gradient(135deg,#15151f 0%,#1a1a28 100%);border:2px solid #23c25566;border-radius:0;box-shadow:0 8px 30px #0009 0 0 25px #23c25533;padding:24px;z-index:10000;display:none}
.cookie-popup-container[data-visible="true"]{display:block;animation:slideInDown .4s ease-out}
.cookie-popup-container[data-state="closing"]{animation:slideOutUp .3s ease-in forwards}
@keyframes slideInDown {
from{transform:translateY(-100%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideOutUp {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-100%);opacity:0}
}
.cookie-header-text{font-size:18px;font-weight:700;color:#23C255;margin-bottom:14px;text-shadow:0 0 10px #23c2554d}
.cookie-message-text{font-size:13px;line-height:1.6;color:#b0b0c0;margin-bottom:18px}
.cookie-policy-link{color:#23C255;text-decoration:underline;cursor:pointer}
.cookie-policy-link:hover{color:#1fa847}
.cookie-categories-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.cookie-category-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#1a187f26;border:1px solid #23c25533;border-radius:0}
.category-label-text{font-size:13px;color:#d0d0e0;font-weight:500}
.category-toggle-switch{position:relative;width:48px;height:24px;background:#6f1d1066;border-radius:0;cursor:pointer;transition:background .2s;border:1px solid #6f1d1099}
.category-toggle-switch[data-enabled="true"]{background:#23c25566;border-color:#23C255}
.category-toggle-switch[data-required="true"]{opacity:.6;cursor:not-allowed}
.toggle-slider-element{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#e0e0e8;border-radius:0;transition:transform .2s;box-shadow:0 2px 4px #0000004d}
.category-toggle-switch[data-enabled="true"] .toggle-slider-element{transform:translateX(24px)}
.cookie-action-buttons{display:flex;gap:12px;margin-bottom:14px}
.cookie-button-accept,.cookie-button-decline{flex:1;padding:12px;font-size:14px;font-weight:600;border:none;border-radius:0;cursor:pointer;transition:background 0.2s,transform .1s;text-transform:uppercase;letter-spacing:.5px}
.cookie-button-accept{background:#23C255;color:#0a0a0f;box-shadow:0 0 15px #23c25566}
.cookie-button-accept:hover{background:#1fa847}
.cookie-button-decline{background:#6f1d1099;color:#e0e0e8;border:1px solid #6f1d10cc}
.cookie-button-decline:hover{background:#6f1d10cc}
.cookie-button-accept:active,.cookie-button-decline:active{transform:scale(0.98)}
.data-sale-optout-section{padding:12px;background:#1a187f1a;border:1px solid #23c25526;border-radius:0;margin-bottom:14px}
.optout-label-text{font-size:12px;color:#9090a8;display:block;margin-bottom:8px}
.optout-confirm-button{padding:8px 16px;background:#1a187f4d;color:#d0d0e0;border:1px solid #23c2554d;border-radius:0;font-size:12px;cursor:pointer;transition:background .2s}
.optout-confirm-button:hover{background:#1a187f80}
@media (max-width: 768px) {
.header-top-container,.header-main-container{flex-direction:column;align-items:flex-start}
.logo-brand-section{flex-direction:column;align-items:center;text-align:center;width:100%}
.nav-container{width:100%;justify-content:center}
.nav-container a{flex:1 1 auto;text-align:center}
.footer-content-wrap{grid-template-columns:1fr;gap:30px}
.footer-bottom-bar{flex-direction:column;text-align:center}
.cookie-popup-container{left:10px;right:10px;max-width:none}
}
.g-doc-wrapper{max-width:1140px;margin:0 auto;padding:80px 20px;background:#0a0a0f;color:#e0e0e0}
.g-doc-wrapper h1{font-size:42px;font-weight:700;color:#23C255;margin:0 0 40px;line-height:1.2;text-shadow:0 0 20px #23c25566}
.g-doc-wrapper h2{font-size:32px;font-weight:600;color:#23C255;margin:60px 0 24px;line-height:1.3;border-left:4px solid #23C255;padding-left:20px}
.g-doc-wrapper h3{font-size:24px;font-weight:600;color:#e0e0e0;margin:40px 0 20px;line-height:1.4}
.g-doc-wrapper h4{font-size:20px;font-weight:600;color:#e0e0e0;margin:32px 0 16px;line-height:1.4}
.g-doc-wrapper h5{font-size:18px;font-weight:600;color:#b0b0b0;margin:28px 0 14px;line-height:1.5}
.g-doc-wrapper h6{font-size:16px;font-weight:600;color:#b0b0b0;margin:24px 0 12px;line-height:1.5}
.g-doc-wrapper div{margin:0 0 20px;line-height:1.8;font-size:16px;color:#d0d0d0}
.g-doc-wrapper ul{margin:0 0 24px;padding:0 0 0 30px;list-style:none}
.g-doc-wrapper ul li{position:relative;margin:0 0 12px;padding:0 0 0 20px;line-height:1.8;font-size:16px;color:#d0d0d0}
.g-doc-wrapper ul li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background:#23C255;border-radius:50%;box-shadow:0 0 8px #23c25599}
.g-doc-wrapper ol{margin:0 0 24px;padding:0 0 0 30px;counter-reset:policy-counter;list-style:none}
.g-doc-wrapper ol li{position:relative;margin:0 0 12px;padding:0 0 0 30px;line-height:1.8;font-size:16px;color:#d0d0d0;counter-increment:policy-counter}
.g-doc-wrapper ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;color:#23C255;font-weight:600}
.g-doc-wrapper strong,.g-doc-wrapper b{font-weight:700;color:#fff}
.g-doc-wrapper em,.g-doc-wrapper i{font-style:italic;color:silver}
.g-doc-wrapper a{color:#23C255;text-decoration:none;border-bottom:1px solid #23c2554d;transition:all .3s ease}
.g-doc-wrapper a:hover{color:#6F1D10;border-bottom-color:#6F1D10;text-shadow:0 0 10px #6f1d1080}
.g-doc-wrapper table{width:100%;margin:0 0 32px;border-collapse:collapse;background:#1a187f1a;border:1px solid #23c25533;border-radius:8px;overflow:hidden}
.g-doc-wrapper thead{background:#23c25526}
.g-doc-wrapper thead tr{border-bottom:2px solid #23c25566}
.g-doc-wrapper thead th{padding:16px 20px;text-align:left;font-weight:600;font-size:16px;color:#23C255;text-transform:uppercase;letter-spacing:.5px}
.g-doc-wrapper tbody tr{border-bottom:1px solid #23c2551a;transition:background .3s ease}
.g-doc-wrapper tbody tr:hover{background:#23c2550d}
.g-doc-wrapper tbody tr:last-child{border-bottom:none}
.g-doc-wrapper tbody td{padding:14px 20px;font-size:15px;color:#d0d0d0;line-height:1.6}
.g-doc-wrapper th{font-weight:600}
.g-doc-wrapper td{vertical-align:top}
@media (max-width: 768px) {
.g-doc-wrapper{padding:40px 16px}
.g-doc-wrapper h1{font-size:32px;margin-bottom:30px}
.g-doc-wrapper h2{font-size:26px;margin-top:40px;padding-left:16px}
.g-doc-wrapper h3{font-size:22px}
.g-doc-wrapper h4{font-size:19px}
.g-doc-wrapper table{font-size:14px}
.g-doc-wrapper thead th,.g-doc-wrapper tbody td{padding:12px 14px}
.g-doc-wrapper ul,.g-doc-wrapper ol{padding-left:20px}
}
@media (max-width: 480px) {
.g-doc-wrapper{padding:30px 12px}
.g-doc-wrapper h1{font-size:28px}
.g-doc-wrapper h2{font-size:23px;padding-left:12px}
.g-doc-wrapper table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
.title-wrapper{background:linear-gradient(135deg,#0a0a12 0%,#1a1a28 100%);position:relative;overflow:hidden;padding:80px 20px 90px}
.title-wrapper::before{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#23c25526 0%,transparent 70%);top:-180px;right:-120px;z-index:1}
.title-wrapper::after{content:'';position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#1a187f33 0%,transparent 70%);bottom:-90px;left:-60px;z-index:1}
.title-content-container{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;position:relative;z-index:2}
.title-text-zone{order:2}
.title-preheading{font-size:15px;color:#23C255;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:18px;font-weight:600}
.title-main-heading{font-size:46px;color:#fff;line-height:1.2;margin-bottom:24px;font-weight:700}
.title-description-text{font-size:17px;color:#b8b8c8;line-height:1.7;margin-bottom:0}
.title-visual-zone{order:1;position:relative}
.title-main-visual{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 8px 28px #00000073;filter:brightness(0.92) contrast(1.05);position:relative}
.title-main-visual::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence baseFrequency="0.8" /></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.05"/></svg>');pointer-events:none;border-radius:12px}
.partner-types-container{background:#12121a;padding:95px 20px;position:relative}
.partner-types-container::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#23c2554d 50%,transparent 100%)}
.partner-content-wrapper{max-width:1140px;margin:0 auto}
.partner-section-label{font-size:34px;color:#fff;text-align:center;margin-bottom:65px;font-weight:700}
.partner-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.partner-type-card{background:linear-gradient(135deg,#1a1a28 0%,#0f0f18 100%);padding:40px 32px;border-radius:8px;border:1px solid #23c25526;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}
.partner-type-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#23C255 0%,#1A187F 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.partner-type-card:hover{transform:translateY(-6px);border-color:#23c25566;box-shadow:0 12px 32px #23c25533}
.partner-type-card:hover::before{transform:scaleX(1)}
.partner-card-icon{width:54px;height:54px;margin-bottom:22px}
.partner-card-icon svg{width:100%;height:100%}
.partner-card-title{font-size:22px;color:#23C255;margin-bottom:16px;font-weight:600}
.partner-card-description{font-size:15px;color:#9a9aaa;line-height:1.6;margin-bottom:0}
.benefits-showcase-section{background:#0a0a12;padding:85px 20px}
.benefits-inner-container{max-width:1140px;margin:0 auto}
.benefits-header-area{text-align:left;margin-bottom:55px;max-width:720px}
.benefits-title-main{font-size:38px;color:#fff;margin-bottom:20px;font-weight:700}
.benefits-intro-paragraph{font-size:16px;color:#b0b0c0;line-height:1.7;margin-bottom:0}
.benefits-display-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.benefit-individual-item{background:#1a187f14;padding:36px 30px;border-radius:6px;border-left:4px solid #23C255;transition:all .3s ease}
.benefit-individual-item:hover{background:#1a187f26;transform:translateX(8px)}
.benefit-item-heading{font-size:20px;color:#fff;margin-bottom:14px;font-weight:600;display:flex;align-items:center;gap:12px}
.benefit-item-heading::before{content:'';width:8px;height:8px;background:#23C255;border-radius:50%;box-shadow:0 0 12px #23c25599}
.benefit-item-text{font-size:15px;color:#8e8e9e;line-height:1.6;margin-bottom:0}
.process-steps-area{background:linear-gradient(180deg,#12121a 0%,#1a1a28 100%);padding:90px 20px;position:relative}
.process-content-box{max-width:1140px;margin:0 auto}
.process-heading-main{font-size:36px;color:#fff;text-align:center;margin-bottom:70px;font-weight:700}
.process-timeline-holder{position:relative;padding-left:60px}
.process-timeline-holder::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#23C255 0%,#1A187F 100%)}
.process-step-block{position:relative;margin-bottom:50px;padding-left:30px}
.process-step-block::before{content:'';position:absolute;left:-52px;top:8px;width:24px;height:24px;background:#23C255;border-radius:50%;border:4px solid #12121a;box-shadow:0 0 16px #23c255b3;z-index:2}
.process-step-number{font-size:14px;color:#6F1D10;font-weight:700;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.process-step-title{font-size:24px;color:#fff;margin-bottom:12px;font-weight:600}
.process-step-details{font-size:15px;color:#a0a0b0;line-height:1.7;margin-bottom:0}
.cta-final-section{background:#0a0a12;padding:100px 20px;position:relative;overflow:hidden}
.cta-final-section::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#6f1d1026 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.cta-content-wrapper{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.cta-main-heading{font-size:42px;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.3}
.cta-supporting-text{font-size:17px;color:#b0b0c0;line-height:1.7;margin-bottom:40px}
.cta-button-primary{display:inline-block;background:linear-gradient(135deg,#23C255 0%,#1a9d45 100%);color:#fff;padding:18px 46px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 6px 20px #23c2554d;position:relative;z-index:10}
.cta-button-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #23c25580;background:linear-gradient(135deg,#1a9d45 0%,#23C255 100%)}
@media (max-width: 968px) {
.title-content-container{grid-template-columns:1fr;gap:40px}
.title-text-zone{order:1}
.title-visual-zone{order:2}
.title-main-heading{font-size:36px}
.partner-grid-layout{grid-template-columns:repeat(2,1fr);gap:28px}
.benefits-display-grid{grid-template-columns:1fr}
.process-timeline-holder{padding-left:50px}
}
@media (max-width: 640px) {
.title-wrapper{padding:60px 20px 70px}
.title-main-heading{font-size:30px}
.title-main-visual{height:280px}
.partner-grid-layout{grid-template-columns:1fr}
.partner-section-label{font-size:28px;margin-bottom:45px}
.benefits-title-main{font-size:30px}
.process-heading-main{font-size:28px;margin-bottom:50px}
.process-timeline-holder{padding-left:40px}
.process-step-block::before{left:-42px}
.cta-main-heading{font-size:32px}
.cta-final-section{padding:70px 20px}
}
.title-wrap{background:#0a0a12;padding:72px 24px;position:relative;overflow:hidden}
.title-wrap::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,#23c2551f 0%,transparent 70%);top:-180px;left:-120px;pointer-events:none}
.title-wrap::after{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,#1a187f26 0%,transparent 70%);bottom:-140px;right:-80px;pointer-events:none}
.title-container{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:64px;position:relative;z-index:2}
.title-content-area{flex:1}
.title-content-area h1{font-size:52px;line-height:1.2;color:#fff;margin:0 0 28px;font-weight:700}
.title-content-area .description-text{font-size:18px;line-height:1.7;color:#b8b8c4;margin:0}
.title-image-container{flex:0 0 420px;position:relative}
.title-image-container img{width:100%;height:320px;object-fit:cover;border-radius:8px;opacity:.6;filter:grayscale(0.3)}
.schedule-section{background:linear-gradient(135deg,#121218 0%,#1a1a28 100%);padding:88px 24px}
.schedule-container{max-width:1140px;margin:0 auto}
.schedule-section h2{font-size:42px;color:#fff;margin:0 0 16px;font-weight:700}
.schedule-section .intro-p{font-size:18px;line-height:1.7;color:#a8a8b8;margin:0 0 56px;max-width:780px}
.schedule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.schedule-card{background:#23c2550a;border:1px solid #23c25533;border-radius:6px;padding:32px 28px;position:relative;transition:all .3s ease;cursor:default}
.schedule-card:hover{background:#23c25514;border-color:#23c25566;transform:translateY(-4px);box-shadow:0 8px 24px #23c25526}
.schedule-card h3{font-size:24px;color:#23C255;margin:0 0 16px;font-weight:600}
.schedule-card p{font-size:16px;line-height:1.7;color:#c8c8d4;margin:0 0 20px}
.schedule-card .stat-display{display:flex;align-items:center;gap:12px;margin-top:24px}
.schedule-card .stat-number{font-size:32px;font-weight:700;color:#23C255}
.schedule-card .stat-label{font-size:14px;color:#a8a8b8;line-height:1.4}
.career-block{background:#0f0f18;padding:88px 24px}
.career-wrap{max-width:1140px;margin:0 auto}
.career-header{text-align:center;margin-bottom:64px}
.career-header h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.career-header .lead-text{font-size:18px;line-height:1.7;color:#a8a8b8;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.career-content-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.career-image-side img{width:100%;height:420px;object-fit:cover;border-radius:8px;border:2px solid #6f1d104d}
.career-text-side{display:flex;flex-direction:column;gap:28px}
.career-point{background:#1a187f14;border-left:4px solid #1A187F;padding:24px 28px;border-radius:4px;transition:all .3s ease}
.career-point:hover{background:#1a187f24;transform:translateX(8px)}
.career-point h3{font-size:22px;color:#fff;margin:0 0 12px;font-weight:600}
.career-point p{font-size:16px;line-height:1.7;color:#b8b8c4;margin:0}
.documents-area{background:linear-gradient(180deg,#12121a 0%,#1a1a28 100%);padding:88px 24px}
.documents-container{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:56px;align-items:start}
.documents-intro{position:sticky;top:40px}
.documents-intro h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.documents-intro .sub-text{font-size:17px;line-height:1.7;color:#a8a8b8;margin:0 0 32px}
.documents-intro img{width:100%;height:280px;object-fit:cover;border-radius:6px;opacity:.85}
.documents-list{display:flex;flex-direction:column;gap:20px}
.doc-item{background:#23c2550d;border:1px solid #23c25533;border-radius:6px;padding:28px 32px;display:flex;align-items:start;gap:24px;transition:all .3s ease;cursor:default}
.doc-item:hover{background:#23c2551a;border-color:#23c25566;box-shadow:0 6px 20px #23c2551f}
.doc-icon{width:48px;height:48px;background:#23c25526;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.doc-icon svg{width:24px;height:24px;fill:#23C255}
.doc-text h3{font-size:20px;color:#fff;margin:0 0 8px;font-weight:600}
.doc-text p{font-size:15px;line-height:1.6;color:#b8b8c4;margin:0}
.flexibility-section{background:#0a0a12;padding:88px 24px;position:relative;overflow:hidden}
.flexibility-section::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#6f1d1014 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.flexibility-container{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.flexibility-header{text-align:center;margin-bottom:56px}
.flexibility-header h2{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700}
.flexibility-header .intro-line{font-size:18px;line-height:1.7;color:#a8a8b8;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.flex-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.flex-box{background:linear-gradient(135deg,#23c2550f 0%,#1a187f0f 100%);border:1px solid #ffffff14;border-radius:8px;padding:40px 36px;display:flex;gap:28px;transition:all .3s ease;cursor:default}
.flex-box:hover{background:linear-gradient(135deg,#23c2551a 0%,#1a187f1a 100%);border-color:#23c2554d;transform:translateY(-6px);box-shadow:0 12px 32px #23c25526}
.flex-visual{flex-shrink:0}
.flex-visual img{width:180px;height:180px;object-fit:cover;border-radius:6px;border:2px solid #23c25533}
.flex-details h3{font-size:24px;color:#23C255;margin:0 0 14px;font-weight:600}
.flex-details p{font-size:16px;line-height:1.7;color:#c8c8d4;margin:0 0 20px}
.flex-details .feature-list{display:flex;flex-direction:column;gap:10px}
.flex-details .feature-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#b8b8c4}
.flex-details .feature-item::before{content:'';width:8px;height:8px;background:#23C255;border-radius:50%;flex-shrink:0}
@media (max-width: 1024px) {
.title-container{flex-direction:column;gap:48px}
.title-content-area h1{font-size:42px}
.title-image-container{flex:0 0 auto;width:100%;max-width:480px}
.schedule-grid{grid-template-columns:repeat(2,1fr);gap:28px}
.career-content-layout{grid-template-columns:1fr;gap:40px}
.documents-container{grid-template-columns:1fr;gap:48px}
.documents-intro{position:static}
.flex-layout{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.title-wrap{padding:56px 20px}
.title-content-area h1{font-size:36px}
.title-content-area .description-text{font-size:17px}
.title-image-container img{height:260px}
.schedule-section,.career-block,.documents-area,.flexibility-section{padding:64px 20px}
.schedule-section h2,.career-header h2,.documents-intro h2,.flexibility-header h2{font-size:34px}
.schedule-grid{grid-template-columns:1fr;gap:24px}
.career-image-side img{height:320px}
.flex-box{flex-direction:column;gap:24px;padding:32px 28px}
.flex-visual img{width:100%;height:220px}
}
@media (max-width: 480px) {
.title-content-area h1{font-size:30px}
.schedule-section h2,.career-header h2,.documents-intro h2,.flexibility-header h2{font-size:28px}
.schedule-card,.career-point,.doc-item{padding:24px 20px}
.flex-box{padding:28px 20px}
}
.hero-contact{background:linear-gradient(135deg,#0d0c1f 0%,#1A187F 50%,#0d0c1f 100%);padding:80px 20px 120px;position:relative;overflow:hidden}
.hero-contact::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#23c25526 0%,transparent 70%);border-radius:50%;animation:pulse-glow 8s ease-in-out infinite}
.hero-contact::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#6f1d101f 0%,transparent 70%);border-radius:50%;animation:pulse-glow 10s ease-in-out infinite reverse}
@keyframes pulse-glow {
0%,100%{transform:scale(1) translate(0,0);opacity:.4}
50%{transform:scale(1.15) translate(20px,-20px);opacity:.7}
}
.hero-contact .content-wrapper{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.hero-contact .title-stack{background:linear-gradient(160deg,#1a187f66 0%,#23c25526 100%);border:1px solid #23c2554d;border-radius:16px;padding:60px 40px;box-shadow:0 8px 32px #23c25533 inset 0 1px 0 #ffffff1a;position:relative}
.hero-contact .title-stack::before{content:'';position:absolute;top:8px;left:8px;right:-8px;bottom:-8px;background:linear-gradient(160deg,#6f1d1033 0%,#1a187f4d 100%);border-radius:16px;z-index:-1}
.hero-contact h1{font-size:48px;font-weight:700;color:#23C255;margin:0 0 16px;text-shadow:0 2px 12px #23c25566;line-height:1.2}
.hero-contact .tagline-text{font-size:18px;color:#e8e8f0;margin:0 0 32px;line-height:1.6;max-width:720px}
.hero-contact .action-row{display:flex;gap:16px;flex-wrap:wrap}
.hero-contact .btn-primary{background:linear-gradient(135deg,#23C255 0%,#1ea548 100%);color:#0d0c1f;padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #23c25566}
.hero-contact .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #23c25599}
.hero-contact .btn-secondary{background:transparent;color:#e8e8f0;padding:14px 32px;border:2px solid #23c25580;border-radius:8px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease}
.hero-contact .btn-secondary:hover{border-color:#23C255;background:#23c2551a;transform:translateY(-2px)}
.form-section{background:#0d0c1f;padding:100px 20px;position:relative}
.form-section .container-centered{max-width:1140px;margin:0 auto}
.form-section .form-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.form-section .info-column h2{font-size:36px;color:#23C255;margin:0 0 24px;font-weight:700;line-height:1.3}
.form-section .info-column p{font-size:16px;color:#b8b8c8;line-height:1.7;margin:0 0 40px}
.form-section .contact-item{margin-bottom:32px;padding-left:40px;position:relative}
.form-section .contact-item::before{content:'';position:absolute;left:0;top:2px;width:24px;height:24px;background:linear-gradient(135deg,#23C255 0%,#1A187F 100%);border-radius:6px;box-shadow:0 2px 8px #23c2554d}
.form-section .contact-item h4{font-size:14px;color:#6F1D10;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.form-section .contact-item a{font-size:18px;color:#e8e8f0;text-decoration:none;transition:color .3s ease;display:inline-block}
.form-section .contact-item a:hover{color:#23C255}
.form-section .form-column{background:linear-gradient(145deg,#1a187f33 0%,#0d0c1f80 100%);border:1px solid #23c25533;border-radius:12px;padding:48px;box-shadow:0 8px 32px #0006}
.form-section .form-column h3{font-size:24px;color:#e8e8f0;margin:0 0 32px;font-weight:600}
.form-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.form-section .field-group{margin-bottom:20px}
.form-section .field-group label{display:block;font-size:14px;color:#b8b8c8;margin-bottom:8px;font-weight:500}
.form-section .field-group input[type="text"],.form-section .field-group input[type="email"]{width:100%;background:#0d0c1f99;border:1px solid #23c2554d;border-radius:6px;padding:14px 16px;font-size:16px;color:#e8e8f0;transition:all .3s ease;box-sizing:border-box}
.form-section .field-group input[type="text"]:focus,.form-section .field-group input[type="email"]:focus{outline:none;border-color:#23C255;box-shadow:0 0 0 3px #23c25533 inset 0 2px 4px #0000004d}
.form-section .options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px}
.form-section .checkbox-wrapper{position:relative}
.form-section .checkbox-wrapper input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.form-section .checkbox-wrapper label{display:flex;align-items:center;cursor:pointer;font-size:15px;color:#e8e8f0;padding:12px 16px;background:#1a187f26;border:1px solid #23c25533;border-radius:8px;transition:all .3s ease;position:relative}
.form-section .checkbox-wrapper label::before{content:'';width:20px;height:20px;border:2px solid #23c25566;border-radius:4px;margin-right:12px;background:#0d0c1f99;transition:all .3s ease;flex-shrink:0}
.form-section .checkbox-wrapper input[type="checkbox"]:checked + label{background:#23c25526;border-color:#23C255}
.form-section .checkbox-wrapper input[type="checkbox"]:checked + label::before{background:#23C255;border-color:#23C255}
.form-section .checkbox-wrapper input[type="checkbox"]:checked + label::after{content:'';position:absolute;left:22px;top:18px;width:6px;height:11px;border:solid #0d0c1f;border-width:0 2px 2px 0;transform:rotate(45deg)}
.form-section .privacy-check{margin:28px 0}
.form-section .privacy-check input[type="checkbox"]{position:absolute;opacity:0}
.form-section .privacy-check label{display:flex;align-items:start;cursor:pointer;font-size:14px;color:#b8b8c8;line-height:1.5;position:relative;padding-left:32px}
.form-section .privacy-check label::before{content:'';position:absolute;left:0;top:2px;width:18px;height:18px;border:2px solid #23c25566;border-radius:4px;background:#0d0c1f99;transition:all .3s ease}
.form-section .privacy-check input[type="checkbox"]:checked + label::before{background:#23C255;border-color:#23C255}
.form-section .privacy-check input[type="checkbox"]:checked + label::after{content:'';position:absolute;left:6px;top:6px;width:4px;height:9px;border:solid #0d0c1f;border-width:0 2px 2px 0;transform:rotate(45deg)}
.form-section .privacy-check a{color:#23C255;text-decoration:none;transition:color .3s ease}
.form-section .privacy-check a:hover{color:#1ea548;text-decoration:underline}
.form-section .submit-btn{width:100%;background:linear-gradient(135deg,#23C255 0%,#1ea548 100%);color:#0d0c1f;padding:16px;border:none;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #23c25566;text-transform:uppercase;letter-spacing:.5px}
.form-section .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #23c25599}
.info-boxes-section{background:linear-gradient(180deg,#0d0c1f 0%,#1A187F 50%,#0d0c1f 100%);padding:90px 20px}
.info-boxes-section .container-centered{max-width:1140px;margin:0 auto}
.info-boxes-section h2{font-size:40px;color:#e8e8f0;text-align:center;margin:0 0 60px;font-weight:700}
.info-boxes-section .boxes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.info-boxes-section .info-box{background:#0d0c1f80;border:1px solid #23c25540;border-radius:12px;padding:40px 28px;position:relative;transition:all .4s ease;cursor:pointer}
.info-boxes-section .info-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#23C255 0%,#1A187F 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity .4s ease}
.info-boxes-section .info-box:hover{transform:translateY(-8px);box-shadow:0 12px 32px #23c2554d;border-color:#23C255}
.info-boxes-section .info-box:hover::before{opacity:1}
.info-boxes-section .info-box h3{font-size:22px;color:#23C255;margin:0 0 16px;font-weight:600}
.info-boxes-section .info-box p{font-size:15px;color:#b8b8c8;line-height:1.6;margin:0}
.map-replacement-section{background:#0d0c1f;padding:90px 20px;position:relative;overflow:hidden}
.map-replacement-section::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,#6f1d101a 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.map-replacement-section .container-centered{max-width:1140px;margin:0 auto;position:relative;z-index:1}
.map-replacement-section .location-display{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.map-replacement-section .address-block h2{font-size:38px;color:#e8e8f0;margin:0 0 24px;font-weight:700}
.map-replacement-section .address-block .address-line{font-size:20px;color:#b8b8c8;line-height:1.8;margin:0 0 32px}
.map-replacement-section .address-block .office-hours{background:#1a187f33;border-left:4px solid #23C255;padding:20px 24px;border-radius:0 8px 8px 0}
.map-replacement-section .address-block .office-hours h4{font-size:16px;color:#6F1D10;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.map-replacement-section .address-block .office-hours p{font-size:15px;color:#e8e8f0;margin:0;line-height:1.6}
.map-replacement-section .visual-block{background:linear-gradient(145deg,#23c2551a 0%,#1a187f33 100%);border:1px solid #23c2554d;border-radius:16px;padding:60px 40px;position:relative;overflow:hidden;min-height:320px;display:flex;align-items:center;justify-content:center}
.map-replacement-section .visual-block::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#23c2554d 0%,transparent 70%);border-radius:50%;animation:float-shape 6s ease-in-out infinite}
.map-replacement-section .visual-block::after{content:'';position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;background:radial-gradient(circle,#6f1d1040 0%,transparent 70%);border-radius:50%;animation:float-shape 8s ease-in-out infinite reverse}
@keyframes float-shape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,20px) scale(1.1)}
}
.map-replacement-section .location-marker{width:80px;height:80px;background:linear-gradient(135deg,#23C255 0%,#1A187F 100%);border-radius:50% 50% 50% 0;transform:rotate(-45deg);position:relative;box-shadow:0 8px 24px #23c25566;animation:pulse-marker 2s ease-in-out infinite}
.map-replacement-section .location-marker::before{content:'';position:absolute;top:50%;left:50%;width:24px;height:24px;background:#0d0c1f;border-radius:50%;transform:translate(-50%,-50%) rotate(45deg)}
@keyframes pulse-marker {
0%,100%{transform:rotate(-45deg) scale(1)}
50%{transform:rotate(-45deg) scale(1.1)}
}
@media screen and (max-width: 968px) {
.hero-contact{padding:60px 20px 80px}
.hero-contact h1{font-size:36px}
.hero-contact .title-stack{padding:40px 28px}
.form-section .form-grid{grid-template-columns:1fr;gap:50px}
.info-boxes-section .boxes-grid{grid-template-columns:1fr;gap:24px}
.map-replacement-section .location-display{grid-template-columns:1fr;gap:40px}
}
@media screen and (max-width: 640px) {
.hero-contact h1{font-size:28px}
.hero-contact .tagline-text{font-size:16px}
.hero-contact .action-row{flex-direction:column}
.hero-contact .btn-primary,.hero-contact .btn-secondary{width:100%;text-align:center}
.form-section .form-column{padding:32px 24px}
.form-section .form-row{grid-template-columns:1fr}
.form-section .options-grid{grid-template-columns:1fr}
.info-boxes-section h2{font-size:32px}
.map-replacement-section .address-block h2{font-size:30px}
}
.page-hero-sec{background:linear-gradient(135deg,#0a0a0f 0%,#1a1825 50%,#0f0f18 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.page-hero-sec::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#23c25526 0%,transparent 70%);border-radius:50%;animation:pulse-glow 4s ease-in-out infinite}
@keyframes pulse-glow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.hero-content-wrapper{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-area{padding-right:40px}
.hero-title-primary{font-size:48px;line-height:1.15;color:#fff;margin:0 0 24px;font-weight:700;letter-spacing:-.5px}
.hero-title-primary::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#23C255 0%,#1A187F 100%);margin-top:16px;border-radius:8px}
.hero-description-text{font-size:18px;line-height:1.7;color:#b8b8c2;margin:0 0 32px}
.hero-visual-container{position:relative}
.hero-img-main{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #23c2554d 0 0 60px #1a187f33;border:2px solid #23c2554d;display:block;object-fit:cover}
.hero-img-main:hover{box-shadow:0 16px 50px #23c25566 0 0 80px #1a187f4d;transform:translateY(-4px);transition:all .4s cubic-bezier(0.4,0,0.2,1)}
.hero-visual-container::before{content:'';position:absolute;bottom:-20px;left:-20px;width:140px;height:140px;background:linear-gradient(135deg,#1a187f66 0%,transparent 70%);border-radius:50%;z-index:-1}
.cta-button-primary{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#23C255 0%,#1ea047 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;box-shadow:0 8px 24px #23c25566;cursor:pointer;transition:all .3s ease;border:none;position:relative;z-index:10}
.cta-button-primary:hover{background:linear-gradient(135deg,#1ea047 0%,#23C255 100%);box-shadow:0 12px 32px #23c25580;transform:translateY(-2px)}
.curriculum-section{background:#12121a;padding:90px 20px;position:relative}
.curriculum-section::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#23C255 50%,transparent 100%)}
.curriculum-container{max-width:1140px;margin:0 auto}
.section-header-block{text-align:center;margin-bottom:60px}
.section-title-main{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.section-title-main::before{content:'';position:absolute;top:-8px;left:-12px;width:8px;height:8px;background:#23C255;border-radius:50%;box-shadow:0 0 20px #23c255cc}
.section-subtitle-text{font-size:18px;color:#8e8ea0;line-height:1.6;max-width:680px;margin:0 auto}
.modules-grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:50px}
.module-card-item{background:linear-gradient(135deg,#1a1a24 0%,#16161f 100%);border:1px solid #23c25533;border-radius:12px;padding:32px 28px;position:relative;transition:all .4s ease;cursor:pointer}
.module-card-item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#23C255 0%,#1A187F 100%);border-radius:4px 0 0 4px;transition:height .4s ease}
.module-card-item:hover::before{height:100%}
.module-card-item:hover{border-color:#23c25580;box-shadow:0 8px 32px #23c25533;transform:translateY(-4px)}
.module-number-badge{display:inline-block;width:48px;height:48px;background:#23c25526;border:2px solid #23c25566;border-radius:50%;color:#23C255;font-size:20px;font-weight:700;line-height:44px;text-align:center;margin-bottom:20px}
.module-title-heading{font-size:22px;color:#fff;margin:0 0 14px;font-weight:600}
.module-desc-para{font-size:15px;line-height:1.65;color:#a2a2b0;margin:0 0 20px}
.module-topics-list{list-style:none;padding:0;margin:0}
.module-topics-list li{font-size:14px;color:#8e8ea0;padding:6px 0 6px 24px;position:relative}
.module-topics-list li::before{content:'';position:absolute;left:0;top:13px;width:12px;height:2px;background:#23C255}
.program-features-area{background:linear-gradient(135deg,#1a1825 0%,#0f0f18 100%);border-radius:16px;padding:48px 40px;border:1px solid #1a187f4d;display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.feature-item-block{display:flex;gap:20px;align-items:flex-start}
.feature-icon-holder{width:56px;height:56px;background:linear-gradient(135deg,#23c25533 0%,#1a187f33 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid #23c2554d}
.feature-icon-svg{width:28px;height:28px}
.feature-content-wrapper{flex:1}
.feature-heading-title{font-size:19px;color:#fff;margin:0 0 10px;font-weight:600}
.feature-description-para{font-size:15px;line-height:1.6;color:#9494a4;margin:0}
.cta-secondary-link{display:inline-block;padding:14px 36px;background:transparent;color:#23C255;text-decoration:none;border:2px solid #23C255;border-radius:8px;font-size:16px;font-weight:600;margin-top:40px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}
.cta-secondary-link:hover{background:#23c2551a;box-shadow:0 0 24px #23c2554d}
.curriculum-image-container{margin-top:50px;text-align:center}
.curriculum-img-visual{max-width:800px;width:100%;height:auto;border-radius:12px;border:2px solid #6f1d1066;box-shadow:0 8px 32px #6f1d104d;display:inline-block;object-fit:cover}
@media (max-width: 1024px) {
.hero-content-wrapper{grid-template-columns:1fr;gap:40px}
.hero-text-area{padding-right:0}
.modules-grid-layout{grid-template-columns:repeat(2,1fr)}
.program-features-area{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.page-hero-sec{padding:60px 20px 70px}
.hero-title-primary{font-size:36px}
.hero-description-text{font-size:16px}
.section-title-main{font-size:32px}
.modules-grid-layout{grid-template-columns:1fr}
.curriculum-section{padding:60px 20px}
.program-features-area{padding:32px 24px}
}
.success-wrapper{background:linear-gradient(135deg,#0a0a0f 0%,#1a1a28 50%,#0f0f1a 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;position:relative;overflow:hidden}
.success-wrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#23c25514 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.2);opacity:.3}
}
.success-wrapper::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 2px,#1a187f08 2px,#1a187f08 4px);pointer-events:none}
.success-content-zone{max-width:680px;width:100%;position:relative;z-index:2}
.status-indicator-block{text-align:center;margin-bottom:48px;position:relative}
.check-icon-circle{width:120px;height:120px;margin:0 auto 32px;background:linear-gradient(135deg,#23c25526 0%,#1a187f26 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;border:3px solid #23c25566;box-shadow:0 0 30px #23c2554d inset 0 0 20px #23c2551a;animation:glow-pulse 2s ease-in-out infinite}
@keyframes glow-pulse {
0%,100%{box-shadow:0 0 30px #23c2554d inset 0 0 20px #23c2551a}
50%{box-shadow:0 0 50px #23c25580 inset 0 0 30px #23c25533}
}
.check-icon-circle svg{width:60px;height:60px;fill:none;stroke:#23C255;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px #23c25599)}
.success-title-main{font-size:42px;font-weight:700;color:#23C255;margin:0 0 16px;letter-spacing:-.5px;text-shadow:0 0 20px #23c25566;line-height:1.2}
.success-subtitle-text{font-size:20px;color:#fffc;margin:0;font-weight:400;line-height:1.5}
.message-detail-container{background:linear-gradient(135deg,#1a187f1f 0%,#23c25514 100%);border:1px solid #23c25540;border-radius:16px;padding:40px;margin-bottom:40px;position:relative;overflow:hidden}
.message-detail-container::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#23C255,#1A187F);box-shadow:0 0 15px #23c25580}
.message-detail-container p{font-size:17px;line-height:1.7;color:#ffffffd9;margin:0 0 20px}
.message-detail-container p:last-child{margin-bottom:0}
.next-steps-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:48px}
.step-card-item{background:linear-gradient(135deg,#6f1d101a 0%,#1a187f1a 100%);border:1px solid #23c25533;border-radius:12px;padding:24px 28px;position:relative;transition:all .3s ease}
.step-card-item[data-state="active"]:hover{border-color:#23c25580;background:linear-gradient(135deg,#6f1d1026 0%,#1a187f26 100%);transform:translateX(4px);box-shadow:0 4px 20px #23c25526}
.step-card-item::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:40%;background:linear-gradient(to bottom,transparent,#23C255,transparent);opacity:0;transition:opacity .3s ease}
.step-card-item[data-state="active"]:hover::before{opacity:1}
.step-header-row{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.step-number-badge{width:32px;height:32px;background:#23c25533;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#23C255;flex-shrink:0;border:1px solid #23c2554d}
.step-title-text{font-size:18px;font-weight:600;color:#fffffff2;margin:0;line-height:1.3}
.step-description-text{font-size:15px;line-height:1.6;color:#ffffffb3;margin:0;padding-left:48px}
.action-buttons-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primary-action-btn{background:linear-gradient(135deg,#23C255 0%,#1da346 100%);color:#0a0a0f;padding:16px 40px;border-radius:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer;box-shadow:0 4px 15px #23c2554d;position:relative;overflow:hidden}
.primary-action-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ffffff4d,transparent);transition:left .5s ease}
.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #23c25580}
.primary-action-btn:hover::before{left:100%}
.secondary-action-btn{background:transparent;color:#23C255;padding:16px 40px;border-radius:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease;border:2px solid #23c25566;cursor:pointer}
.secondary-action-btn:hover{background:#23c2551a;border-color:#23c255b3;transform:translateY(-2px);box-shadow:0 4px 15px #23c25533}
@media (max-width: 768px) {
.success-wrapper{padding:60px 16px}
.check-icon-circle{width:100px;height:100px;margin-bottom:28px}
.check-icon-circle svg{width:50px;height:50px}
.success-title-main{font-size:32px;margin-bottom:12px}
.success-subtitle-text{font-size:17px}
.message-detail-container{padding:28px 24px}
.message-detail-container p{font-size:16px}
.step-card-item{padding:20px}
.step-description-text{padding-left:0;margin-top:8px}
.action-buttons-row{flex-direction:column;gap:12px}
.primary-action-btn,.secondary-action-btn{width:100%;text-align:center;padding:14px 32px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.success-wrapper{padding:70px 32px}
.success-title-main{font-size:38px}
.message-detail-container{padding:36px}
}