*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Public Sans',sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 100%);color:#e0e0e0;line-height:1.6;scroll-behavior:smooth}
.SiteHeader{background:linear-gradient(to right,#1a0b2e 0%,#2d1b4e 50%,#1a0b2e 100%);box-shadow:0 4px 12px #01f2831a;padding:0}
.HeaderTop{padding:28px 0;border-bottom:1px solid #01f28326}
.HeaderTop .container{max-width:1536px;margin:0 auto;padding:0 24px;display:flex;justify-content:center;align-items:center}
.LogoWrapper{display:flex;align-items:center;justify-content:center}
.LogoWrapper img{height:110px;width:110px;object-fit:contain;background:#f2efbf14;padding:12px;border-radius:12px;box-shadow:0 4px 16px #01f28333 inset 0 1px 2px #ffffff1a}
.HeaderMiddle{padding:32px 0;border-bottom:1px solid #01f28326}
.HeaderMiddle .container{max-width:1536px;margin:0 auto;padding:0 24px;text-align:center}
.CompanyName{font-family:'Source Code Pro',monospace;font-size:42px;font-weight:700;background:linear-gradient(135deg,#01F283 0%,#F2EFBF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;text-shadow:0 2px 8px #01f2834d}
.HeaderBottom{padding:0}
.HeaderBottom .container{max-width:1536px;margin:0 auto;padding:0 24px}
.MainNavigation{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:18px 0}
.MainNavigation a{font-family:'Public Sans',sans-serif;font-size:15px;font-weight:400;color:#e0e0e0;text-decoration:none;padding:12px 24px;border-radius:8px;background:#4f1b8133;border:1px solid #01f28333;transition:all .25s ease}
.MainNavigation a:hover{background:#01f28326;border-color:#01F283;color:#01F283}
.FooterBase{background:linear-gradient(to bottom,#12121c 0%,#1a0b2e 100%);border-top:2px solid #01f28333;padding:64px 0 32px;margin-top:80px}
.FooterBase .container{max-width:1536px;margin:0 auto;padding:0 24px}
.FooterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.FooterColumn h3{font-family:'Source Code Pro',monospace;font-size:18px;font-weight:700;color:#01F283;margin-bottom:20px;letter-spacing:.5px}
.FooterColumn p{font-size:14px;color:#b0b0b0;line-height:1.8;margin-bottom:16px}
.FooterColumn a{display:block;font-size:14px;color:#b0b0b0;text-decoration:none;margin-bottom:12px;transition:color .2s ease}
.FooterColumn a:hover{color:#01F283}
.FooterLinks{display:flex;flex-direction:column;gap:8px}
.ContactInfo{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}
.ContactInfo i{color:#01F283;font-size:18px;margin-top:2px}
.ContactInfo span{font-size:14px;color:#b0b0b0;line-height:1.6}
.FooterBottom{border-top:1px solid #01f28326;padding-top:24px;text-align:center}
.Copyright{font-size:13px;color:gray;font-family:'Source Code Pro',monospace}
.CookieOverlay{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a0b2e 0%,#2d1b4e 100%);border-top:2px solid #01F283;box-shadow:0 -8px 32px #0009;padding:28px 32px;transform:translateX(-100%);transition:transform .45s cubic-bezier(0.4,0,0.2,1);z-index:9999;display:none}
.CookieOverlay.show{display:block;transform:translateX(0)}
.CookieContainer{max-width:1536px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.CookieText{font-size:14px;color:#e0e0e0;line-height:1.6}
.CookieText strong{color:#01F283}
.CookieSettings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:12px 0}
.CookieOption{display:flex;align-items:center;gap:10px}
.CookieOption input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.CookieOption label{font-size:13px;color:#b0b0b0;cursor:pointer}
.CookieActions{display:flex;gap:12px;flex-wrap:wrap}
.CookieButton{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .25s ease;font-family:'Public Sans',sans-serif}
.AcceptButton{background:linear-gradient(135deg,#01F283 0%,#00d970 100%);color:#0a0a0a}
.AcceptButton:hover{box-shadow:0 4px 16px #01f28366;transform:translateY(-2px)}
.DeclineButton{background:#4f1b814d;color:#e0e0e0;border:1px solid #01f2834d}
.DeclineButton:hover{background:#4f1b8180;border-color:#01F283}
@media (max-width: 768px) {
.HeaderTop{padding:20px 0}
.LogoWrapper img{height:80px;width:80px}
.HeaderMiddle{padding:24px 0}
.CompanyName{font-size:28px}
.MainNavigation{flex-direction:column;gap:8px;padding:12px 0}
.MainNavigation a{width:100%;text-align:center}
.FooterGrid{grid-template-columns:1fr;gap:32px}
.CookieOverlay{padding:20px 16px}
.CookieActions{flex-direction:column}
.CookieButton{width:100%}
}
.doc-inner{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(165deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);color:#e8e8e8;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.8}
.doc-inner h1{font-size:48px;font-weight:700;color:#01F283;margin:0 0 48px;line-height:1.2;letter-spacing:-.02em}
.doc-inner h2{font-size:36px;font-weight:600;color:#01F283;margin:64px 0 32px;line-height:1.3;padding-bottom:16px;border-bottom:2px solid #01f28333}
.doc-inner h3{font-size:28px;font-weight:600;color:#F2EFBF;margin:48px 0 24px;line-height:1.4}
.doc-inner h4{font-size:22px;font-weight:600;color:#F2EFBF;margin:40px 0 20px;line-height:1.5}
.doc-inner h5{font-size:18px;font-weight:600;color:#e8e8e8;margin:32px 0 16px;line-height:1.6}
.doc-inner h6{font-size:16px;font-weight:600;color:#e8e8e8;margin:28px 0 14px;line-height:1.6;text-transform:uppercase;letter-spacing:.05em}
.doc-inner p{font-size:17px;color:#d0d0d0;margin:0 0 24px;line-height:1.8}
.doc-inner strong,.doc-inner b{font-weight:600;color:#f5f5f5}
.doc-inner em,.doc-inner i{font-style:italic;color:#F2EFBF}
.doc-inner a{color:#01F283;text-decoration:none;border-bottom:1px solid #01f2834d;transition:all .3s ease;font-weight:500}
.doc-inner a:hover{color:#F2EFBF;border-bottom-color:#F2EFBF}
.doc-inner a:active{color:#4F1B81}
.doc-inner ul{margin:0 0 32px;padding-left:32px}
.doc-inner ul li{font-size:17px;color:#d0d0d0;margin-bottom:16px;line-height:1.8;position:relative}
.doc-inner ul li::marker{color:#01F283}
.doc-inner ol{margin:0 0 32px;padding-left:32px}
.doc-inner ol li{font-size:17px;color:#d0d0d0;margin-bottom:16px;line-height:1.8}
.doc-inner ol li::marker{color:#01F283;font-weight:600}
.doc-inner hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#4F1B81 50%,transparent 100%);margin:64px 0;opacity:.5}
.doc-inner div{margin-bottom:32px}
.doc-inner blockquote{margin:32px 0;padding:24px 32px;border-left:4px solid #01F283;background:#4f1b811a;border-radius:8px}
.doc-inner blockquote p{margin:0;font-size:18px;color:#F2EFBF;line-height:1.8}
.doc-inner table{width:100%;margin:32px 0;border-collapse:collapse;background:#4f1b810d;border-radius:12px;overflow:hidden}
.doc-inner table th{background:linear-gradient(135deg,#4F1B81 0%,#2d1050 100%);color:#01F283;padding:16px 24px;text-align:left;font-weight:600;font-size:16px}
.doc-inner table td{padding:16px 24px;border-top:1px solid #4f1b8133;color:#d0d0d0;font-size:16px}
.doc-inner table tr:hover{background:#01f2830d}
.doc-inner code{background:#4f1b814d;color:#01F283;padding:4px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:15px}
.doc-inner pre{background:#4f1b8133;padding:24px;border-radius:12px;overflow-x:auto;margin:32px 0;border:1px solid #01f2831a}
.doc-inner pre code{background:none;padding:0;color:#F2EFBF}
@media (max-width: 1280px) {
.doc-inner{padding:64px 20px}
.doc-inner h1{font-size:42px;margin-bottom:40px}
.doc-inner h2{font-size:32px;margin-top:56px}
}
@media (max-width: 1024px) {
.doc-inner{padding:56px 18px}
.doc-inner h1{font-size:38px}
.doc-inner h2{font-size:28px}
.doc-inner h3{font-size:24px}
}
@media (max-width: 768px) {
.doc-inner{padding:48px 16px}
.doc-inner h1{font-size:32px;margin-bottom:32px}
.doc-inner h2{font-size:24px;margin-top:48px;margin-bottom:24px}
.doc-inner h3{font-size:20px;margin-top:40px}
.doc-inner h4{font-size:18px}
.doc-inner p,.doc-inner ul li,.doc-inner ol li{font-size:16px}
.doc-inner table th,.doc-inner table td{padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.doc-inner{padding:40px 14px}
.doc-inner h1{font-size:28px;margin-bottom:28px}
.doc-inner h2{font-size:22px;margin-top:40px;margin-bottom:20px}
.doc-inner h3{font-size:18px}
.doc-inner ul,.doc-inner ol{padding-left:24px}
.doc-inner blockquote{padding:16px 20px}
.doc-inner table{font-size:13px}
.doc-inner table th,.doc-inner table td{padding:10px 12px}
}
.titleMain{background:linear-gradient(135deg,#4F1B81 0%,#2d0f4d 100%);padding:0;position:relative;overflow:hidden}
.titleMain::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#01f28314 0%,transparent 50%);pointer-events:none}
.titleWrapper{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:60px;padding:0;position:relative}
.titleContent{padding:80px 40px 80px 60px;z-index:2}
.titleContent h1{font-size:3.2rem;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700}
.titleContent h1::before{content:'';display:block;width:64px;height:5px;background:linear-gradient(90deg,#01F283 0%,#4F1B81 100%);margin-bottom:24px;border-radius:3px}
.titleContent .descExtended{font-size:1.15rem;line-height:1.7;color:#ffffffe0;margin:0;max-width:540px}
.titleVisual{position:relative;height:560px;padding-right:60px}
.titleVisual::before{content:'';position:absolute;top:50%;left:-40px;width:300px;height:300px;background:radial-gradient(circle,#01f2831f 0%,transparent 70%);transform:translateY(-50%);border-radius:50%}
.titleVisual img{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:460px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0006 0 0 0 1px #01f2831a}
.titleVisual::after{content:'';position:absolute;bottom:40px;right:80px;width:180px;height:180px;background:linear-gradient(135deg,#01f28326 0%,#4f1b8126 100%);border-radius:50%;z-index:-1}
.toolsFrame{background:#1a1a1a;padding:100px 40px;position:relative}
.toolsFrame::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:1200px;height:2px;background:linear-gradient(90deg,transparent 0%,#01F283 50%,transparent 100%);opacity:.3}
.toolsInner{max-width:1536px;margin:0 auto}
.toolsInner h2{font-size:2.4rem;color:#fff;margin:0 0 16px;text-align:center;font-weight:600}
.toolsInner h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#01F283 0%,#4F1B81 100%);margin:20px auto 0;border-radius:2px}
.toolsDescription{text-align:center;color:#ffffffbf;font-size:1.05rem;line-height:1.6;max-width:720px;margin:0 auto 60px}
.toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}
.toolCard{background:linear-gradient(135deg,#242424 0%,#1e1e1e 100%);border:1px solid #01f28326;border-radius:10px;padding:36px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.toolCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#01F283 0%,#4F1B81 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.toolCard:hover::before{transform:scaleX(1)}
.toolCard:hover{border-color:#01f28366;box-shadow:0 8px 32px #01f28326;transform:translateY(-4px)}
.toolCard .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#01f28326 0%,#4f1b8126 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.toolCard .iconHolder i{font-size:28px;color:#01F283}
.toolCard h3{font-size:1.35rem;color:#fff;margin:0 0 14px;font-weight:600}
.toolCard p{font-size:.98rem;line-height:1.65;color:#ffffffb3;margin:0}
.certificationZone{background:#0f0f0f;padding:100px 40px;position:relative;overflow:hidden}
.certificationZone::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#4f1b811f 0%,transparent 70%);border-radius:50%}
.certificationContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}
.certificationText h2{font-size:2.6rem;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.certificationText h2 span{color:#01F283;position:relative}
.certificationText h2 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#01F283 0%,transparent 100%)}
.certificationText p{font-size:1.08rem;line-height:1.75;color:#ffffffc7;margin:0 0 18px}
.certificationText p:last-child{margin-bottom:0}
.certificationVisualBox{position:relative}
.certificationVisualBox img{width:100%;height:420px;object-fit:cover;border-radius:14px;box-shadow:0 16px 48px #00000080;border:1px solid #01f28333}
.certBadge{position:absolute;bottom:-20px;right:-20px;background:linear-gradient(135deg,#01F283 0%,#4F1B81 100%);width:120px;height:120px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 12px 40px #01f28366;border:4px solid #0f0f0f}
.certBadge i{font-size:32px;color:#fff;margin-bottom:4px}
.certBadge span{font-size:.75rem;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.scheduleLayout{background:linear-gradient(180deg,#1a1a1a 0%,#242424 100%);padding:100px 40px}
.scheduleWrap{max-width:1536px;margin:0 auto}
.scheduleWrap h2{font-size:2.5rem;color:#fff;text-align:center;margin:0 0 60px;font-weight:700}
.scheduleWrap h2::before{content:'';display:block;width:70px;height:4px;background:#01F283;margin:0 auto 20px;border-radius:2px}
.scheduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.scheduleCard{background:#1e1e1e;border:1px solid #f2efbf1f;border-radius:12px;padding:32px 24px;position:relative;transition:all .35s ease}
.scheduleCard::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F2EFBF 0%,#01F283 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity .35s ease}
.scheduleCard:hover::after{opacity:1}
.scheduleCard:hover{transform:translateY(-6px);box-shadow:0 12px 36px #f2efbf26;border-color:#f2efbf4d}
.scheduleCard .cardIcon{width:48px;height:48px;background:#f2efbf1a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.scheduleCard .cardIcon i{font-size:24px;color:#F2EFBF}
.scheduleCard h3{font-size:1.3rem;color:#fff;margin:0 0 12px;font-weight:600}
.scheduleCard p{font-size:.97rem;line-height:1.65;color:#ffffffb8;margin:0}
.progressSection{background:#0d0d0d;padding:100px 40px;position:relative}
.progressSection::before{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#01f2834d 50%,transparent 100%)}
.progressInner{max-width:1536px;margin:0 auto;display:flex;flex-direction:column;gap:60px}
.progressHeader{text-align:center}
.progressHeader h2{font-size:2.6rem;color:#fff;margin:0 0 20px;font-weight:700}
.progressHeader p{font-size:1.1rem;line-height:1.7;color:#ffffffbf;max-width:680px;margin:0 auto}
.progressVisual{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}
.progressVisual img{width:100%;height:440px;object-fit:cover;border-radius:12px;box-shadow:0 20px 60px #0009;border:1px solid #4f1b8140}
.progressMetrics{display:flex;flex-direction:column;gap:32px}
.metricItem{background:linear-gradient(135deg,#1a1a1a 0%,#242424 100%);border-left:4px solid #4F1B81;border-radius:8px;padding:24px 28px;transition:all .3s ease}
.metricItem:hover{border-left-color:#01F283;box-shadow:0 8px 24px #01f2831f;transform:translateX(8px)}
.metricItem h4{font-size:1.25rem;color:#01F283;margin:0 0 10px;font-weight:600}
.metricItem p{font-size:.96rem;line-height:1.6;color:#ffffffb3;margin:0}
.metricBar{height:8px;background:#4f1b8133;border-radius:4px;margin-top:14px;overflow:hidden;position:relative}
.metricBar::before{content:'';position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#4F1B81 0%,#01F283 100%);border-radius:4px;transition:width 1s ease}
.metricItem:nth-child(1) .metricBar::before{width:78%}
.metricItem:nth-child(2) .metricBar::before{width:92%}
.metricItem:nth-child(3) .metricBar::before{width:85%}
@media (max-width: 1024px) {
.titleWrapper{grid-template-columns:1fr;gap:40px}
.titleContent{padding:60px 30px 40px}
.titleContent h1{font-size:2.4rem}
.titleVisual{height:400px;padding-right:30px}
.titleVisual img{height:360px}
.toolsGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.certificationContainer{grid-template-columns:1fr;gap:50px}
.progressVisual{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.titleContent h1{font-size:2rem}
.titleContent .descExtended{font-size:1rem}
.titleVisual{height:320px;padding-right:20px}
.titleVisual img{height:300px}
.toolsFrame{padding:70px 20px}
.toolsInner h2{font-size:2rem}
.toolsGrid{grid-template-columns:1fr}
.certificationZone{padding:70px 20px}
.certificationText h2{font-size:2rem}
.scheduleLayout{padding:70px 20px}
.scheduleWrap h2{font-size:2rem}
.scheduleGrid{grid-template-columns:1fr}
.progressSection{padding:70px 20px}
.progressHeader h2{font-size:2rem}
}
@media (max-width: 480px) {
.titleContent{padding:40px 20px 30px}
.titleContent h1{font-size:1.75rem}
.titleVisual{height:280px;padding-right:20px}
.titleVisual img{height:260px}
.certBadge{width:90px;height:90px;bottom:-10px;right:-10px}
.certBadge i{font-size:24px}
}
.ContactHeroZone{position:relative;background:linear-gradient(135deg,#4F1B81 0%,#01F283 100%);min-height:420px;display:flex;align-items:center;overflow:hidden}
.ContactHeroZone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#00000008 10px,#00000008 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,#ffffff05 10px,#ffffff05 20px);opacity:.4}
.ContactHeroZone .CentralWrapper{max-width:1536px;width:100%;margin:0 auto;padding:80px 20px;position:relative;z-index:2}
.ContactHeroZone .MainHeadingText{font-size:3.2rem;font-weight:700;color:#F2EFBF;margin:0 0 20px;text-shadow:2px 2px 8px #0003}
.ContactHeroZone .SubHeadingText{font-size:1.3rem;color:#fff;max-width:680px;line-height:1.7;margin:0}
.ContactFormSection{padding:100px 20px;background:#1a1a1a}
.ContactFormSection .ContentContainer{max-width:1536px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.ContactFormSection .InfoSidePanel{flex:1;min-width:380px}
.ContactFormSection .InfoSidePanel .SectionLabel{font-size:2.4rem;font-weight:600;color:#01F283;margin:0 0 32px}
.ContactFormSection .InfoSidePanel .IntroDescription{font-size:1.05rem;line-height:1.8;color:#c4c4c4;margin:0 0 48px}
.ContactFormSection .ContactDetailsBlock{display:flex;flex-direction:column;gap:28px}
.ContactFormSection .DetailItem{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#4f1b8114;border-radius:10px;border-left:4px solid #01F283}
.ContactFormSection .DetailItem .IconWrapper{width:44px;height:44px;background:linear-gradient(135deg,#01F283,#4F1B81);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ContactFormSection .DetailItem .IconWrapper i{font-size:1.4rem;color:#fff}
.ContactFormSection .DetailItem .TextContent{flex:1}
.ContactFormSection .DetailItem .ItemLabel{font-size:.85rem;text-transform:uppercase;letter-spacing:1px;color:#01F283;margin:0 0 6px;font-weight:600}
.ContactFormSection .DetailItem .ItemValue{font-size:1.05rem;color:#e8e8e8;margin:0;line-height:1.5}
.ContactFormSection .DetailItem .ItemValue a{color:#e8e8e8;text-decoration:none;transition:color .3s ease}
.ContactFormSection .DetailItem .ItemValue a:hover{color:#01F283}
.ContactFormSection .FormContainer{flex:1.2;background:linear-gradient(145deg,#242424,#1e1e1e);padding:52px 48px;border-radius:14px;box-shadow:0 12px 40px #0006}
.ContactFormSection .FormContainer .FormTitle{font-size:1.9rem;font-weight:600;color:#F2EFBF;margin:0 0 12px}
.ContactFormSection .FormContainer .FormSubtitle{font-size:1rem;color:#9a9a9a;margin:0 0 40px;line-height:1.6}
.ContactFormSection .FormInputGroup{margin-bottom:28px}
.ContactFormSection .FormInputGroup label{display:block;font-size:.95rem;font-weight:500;color:#d0d0d0;margin-bottom:10px}
.ContactFormSection .FormInputGroup input[type="text"],.ContactFormSection .FormInputGroup input[type="email"],.ContactFormSection .FormInputGroup textarea{width:100%;padding:16px 18px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;color:#e8e8e8;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.ContactFormSection .FormInputGroup input[type="text"]:focus,.ContactFormSection .FormInputGroup input[type="email"]:focus,.ContactFormSection .FormInputGroup textarea:focus{outline:none;border-color:#01F283;background:#323232;box-shadow:0 0 0 4px #01f2831a}
.ContactFormSection .FormInputGroup textarea{min-height:140px;resize:vertical}
.ContactFormSection .ContactMethodSelector{margin-bottom:28px}
.ContactFormSection .ContactMethodSelector .SelectorLabel{font-size:.95rem;font-weight:500;color:#d0d0d0;margin-bottom:14px;display:block}
.ContactFormSection .MethodOptions{display:flex;gap:16px;flex-wrap:wrap}
.ContactFormSection .MethodOptions input[type="radio"]{display:none}
.ContactFormSection .MethodOptions label{flex:1;min-width:130px;padding:16px 20px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;color:#b0b0b0;font-weight:500;font-size:.95rem}
.ContactFormSection .MethodOptions input[type="radio"]:checked + label{background:linear-gradient(135deg,#01f28326,#4f1b8126);border-color:#01F283;color:#01F283;box-shadow:0 4px 16px #01f28333}
.ContactFormSection .MethodOptions label:hover{border-color:#4F1B81;background:#323232}
.ContactFormSection .PrioritySelector{margin-bottom:32px}
.ContactFormSection .PrioritySelector .SelectorLabel{font-size:.95rem;font-weight:500;color:#d0d0d0;margin-bottom:14px;display:block}
.ContactFormSection .PriorityOptions{display:flex;gap:12px}
.ContactFormSection .PriorityOptions input[type="radio"]{display:none}
.ContactFormSection .PriorityOptions label{flex:1;padding:14px 16px;background:#2a2a2a;border:2px solid #3a3a3a;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;color:#b0b0b0;font-weight:500;font-size:.9rem}
.ContactFormSection .PriorityOptions input[type="radio"]:checked + label{border-color:#01F283;color:#01F283;background:#01f2831a}
.ContactFormSection .PrivacyConsent{margin-bottom:28px;display:flex;gap:12px;align-items:flex-start}
.ContactFormSection .PrivacyConsent input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#01F283;flex-shrink:0}
.ContactFormSection .PrivacyConsent label{font-size:.9rem;color:#a0a0a0;line-height:1.6;cursor:pointer}
.ContactFormSection .PrivacyConsent label a{color:#01F283;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.ContactFormSection .PrivacyConsent label a:hover{border-bottom-color:#01F283}
.ContactFormSection .SubmitButtonWrapper{display:flex;justify-content:flex-end}
.ContactFormSection .SubmitButton{padding:18px 56px;background:linear-gradient(135deg,#01F283,#4F1B81);border:none;border-radius:10px;color:#fff;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 24px #01f2834d}
.ContactFormSection .SubmitButton:hover{transform:translateY(-3px);box-shadow:0 10px 32px #01f28366}
.ContactFormSection .SubmitButton:active{transform:translateY(-1px)}
.AvailabilityInfoSection{padding:80px 20px;background:linear-gradient(to bottom,#1a1a1a,#242424)}
.AvailabilityInfoSection .InfoWrapper{max-width:1536px;margin:0 auto;text-align:center}
.AvailabilityInfoSection .AvailabilityTitle{font-size:2.2rem;font-weight:600;color:#F2EFBF;margin:0 0 20px}
.AvailabilityInfoSection .AvailabilityDescription{font-size:1.1rem;line-height:1.8;color:#b8b8b8;max-width:800px;margin:0 auto 48px}
.AvailabilityInfoSection .TimeCardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.AvailabilityInfoSection .TimeCard{background:#4f1b811a;padding:36px 28px;border-radius:12px;border:2px solid #01f28333;transition:all .4s ease}
.AvailabilityInfoSection .TimeCard:hover{transform:translateY(-6px);border-color:#01F283;box-shadow:0 12px 32px #01f28326}
.AvailabilityInfoSection .TimeCard .CardIcon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#01F283,#4F1B81);border-radius:50%;display:flex;align-items:center;justify-content:center}
.AvailabilityInfoSection .TimeCard .CardIcon i{font-size:1.8rem;color:#fff}
.AvailabilityInfoSection .TimeCard .CardTitle{font-size:1.3rem;font-weight:600;color:#01F283;margin:0 0 12px}
.AvailabilityInfoSection .TimeCard .CardDetail{font-size:1rem;color:silver;line-height:1.7;margin:0}
.AvailabilityInfoSection .ResponseCommitment{background:linear-gradient(135deg,#01f28314,#4f1b8114);padding:40px;border-radius:12px;border-left:6px solid #01F283}
.AvailabilityInfoSection .ResponseCommitment .CommitmentText{font-size:1.15rem;line-height:1.8;color:#d4d4d4;margin:0;font-weight:500}
@media (max-width: 1024px) {
.ContactFormSection .ContentContainer{flex-direction:column;gap:60px}
.ContactFormSection .InfoSidePanel{min-width:100%}
.AvailabilityInfoSection .TimeCardsGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.ContactHeroZone .MainHeadingText{font-size:2.2rem}
.ContactHeroZone .SubHeadingText{font-size:1.1rem}
.ContactFormSection{padding:60px 20px}
.ContactFormSection .FormContainer{padding:36px 28px}
.ContactFormSection .MethodOptions{flex-direction:column}
.ContactFormSection .MethodOptions label{min-width:100%}
.AvailabilityInfoSection{padding:60px 20px}
.AvailabilityInfoSection .AvailabilityTitle{font-size:1.8rem}
}
@media (max-width: 480px) {
.ContactHeroZone{min-height:340px}
.ContactHeroZone .CentralWrapper{padding:60px 20px}
.ContactHeroZone .MainHeadingText{font-size:1.8rem}
.ContactFormSection .FormContainer{padding:28px 20px}
.ContactFormSection .PriorityOptions{flex-direction:column}
.ContactFormSection .SubmitButtonWrapper{justify-content:stretch}
.ContactFormSection .SubmitButton{width:100%}
.AvailabilityInfoSection .ResponseCommitment{padding:28px 20px}
}
.MainTitleArea{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#1a0f2e 0%,#2d1950 100%);overflow:hidden;padding:80px 20px}
.MainTitleArea .TitleInnerWrapper{max-width:1536px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:3}
.MainTitleArea .TextContentZone{display:flex;flex-direction:column;gap:24px}
.MainTitleArea .PrimaryHeadingText{font-size:52px;line-height:1.2;font-weight:700;color:#fff;margin:0}
.MainTitleArea .PrimaryHeadingText::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#01F283,#4F1B81);margin-bottom:20px;border-radius:3px}
.MainTitleArea .DescriptionParagraph{font-size:18px;line-height:1.7;color:#e0dce8;margin:0}
.MainTitleArea .ButtonGrouping{display:flex;gap:16px;margin-top:12px}
.MainTitleArea .PrimaryActionButton{padding:14px 32px;background:linear-gradient(135deg,#01F283,#00d973);color:#1a0f2e;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease;border:none;box-shadow:0 4px 12px #01f2834d}
.MainTitleArea .PrimaryActionButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px #01f28366;background:linear-gradient(135deg,#00d973,#01F283)}
.MainTitleArea .SecondaryActionButton{padding:14px 32px;background:transparent;color:#F2EFBF;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;border:2px solid #F2EFBF;transition:all .3s ease}
.MainTitleArea .SecondaryActionButton:hover{background:#f2efbf1a;border-color:#01F283;color:#01F283}
.MainTitleArea .VisualImageContainer{position:relative;height:450px}
.MainTitleArea .MainImageElement{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #0006}
.MainTitleArea .MainImageElement::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4f1b8133,#01f2831a);border-radius:16px;pointer-events:none}
.MainTitleArea .DecorativeShape1{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#01f28326,transparent);border-radius:50%;top:-80px;right:-60px;z-index:1}
.MainTitleArea .DecorativeShape2{position:absolute;width:120px;height:120px;background:radial-gradient(circle,#4f1b8133,transparent);border-radius:50%;bottom:-40px;left:-40px;z-index:1}
.ContentStorySection{padding:100px 20px;background:#fff}
.ContentStorySection .StoryContainer{max-width:1536px;margin:0 auto}
.ContentStorySection .GridLayoutWrapper{display:grid;grid-template-columns:5fr 7fr;gap:80px;align-items:start}
.ContentStorySection .LeftVisualColumn{position:sticky;top:40px}
.ContentStorySection .ImageStack{display:flex;flex-direction:column;gap:24px}
.ContentStorySection .StackedImageItem{border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #0000001f;transition:all .4s ease}
.ContentStorySection .StackedImageItem:hover{transform:translateX(8px);box-shadow:0 8px 28px #01f28333}
.ContentStorySection .StackedImagePhoto{width:100%;height:240px;object-fit:cover;display:block}
.ContentStorySection .RightTextColumn{display:flex;flex-direction:column;gap:48px}
.ContentStorySection .NarrativeBlock{display:flex;flex-direction:column;gap:20px}
.ContentStorySection .BlockHeadingLabel{font-size:14px;text-transform:uppercase;letter-spacing:2px;color:#4F1B81;font-weight:700;margin:0}
.ContentStorySection .BlockTitleText{font-size:36px;line-height:1.3;font-weight:700;color:#1a0f2e;margin:0;position:relative;padding-left:20px}
.ContentStorySection .BlockTitleText::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:4px;background:linear-gradient(180deg,#01F283,#4F1B81);border-radius:2px}
.ContentStorySection .BlockContentText{font-size:17px;line-height:1.8;color:#3d3646;margin:0}
.ContentStorySection .HighlightedPhrase{color:#4F1B81;font-weight:600;position:relative;padding:0 4px}
.ContentStorySection .HighlightedPhrase::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#01F283,transparent);opacity:.5}
.ContentStorySection .FeatureGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:16px}
.ContentStorySection .FeatureCard{background:linear-gradient(135deg,#f9f8fc,#fff);padding:28px;border-radius:12px;border-left:4px solid #01F283;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}
.ContentStorySection .FeatureCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #4f1b8126;border-left-color:#4F1B81}
.ContentStorySection .FeatureIconBox{width:48px;height:48px;background:linear-gradient(135deg,#01F283,#00d973);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.ContentStorySection .FeatureIconSymbol{font-size:24px;color:#1a0f2e}
.ContentStorySection .FeatureCardTitle{font-size:20px;font-weight:700;color:#1a0f2e;margin:0 0 12px}
.ContentStorySection .FeatureCardDescription{font-size:15px;line-height:1.6;color:#5d5466;margin:0}
.ContentStorySection .DataShowcaseArea{background:linear-gradient(135deg,#4F1B81,#6b2fa8);padding:48px;border-radius:16px;margin-top:24px;position:relative;overflow:hidden}
.ContentStorySection .DataShowcaseArea::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#01f28326,transparent);border-radius:50%}
.ContentStorySection .DataMetricsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}
.ContentStorySection .MetricItem{text-align:center}
.ContentStorySection .MetricNumber{font-size:48px;font-weight:700;color:#01F283;margin:0 0 8px;display:block}
.ContentStorySection .MetricLabel{font-size:16px;color:#F2EFBF;margin:0;font-weight:500}
@media (max-width: 1024px) {
.MainTitleArea .TitleInnerWrapper{grid-template-columns:1fr;gap:40px}
.MainTitleArea .PrimaryHeadingText{font-size:42px}
.MainTitleArea .VisualImageContainer{height:350px}
.ContentStorySection .GridLayoutWrapper{grid-template-columns:1fr;gap:50px}
.ContentStorySection .LeftVisualColumn{position:static}
.ContentStorySection .ImageStack{flex-direction:row;overflow-x:auto}
.ContentStorySection .StackedImagePhoto{width:280px;flex-shrink:0}
.ContentStorySection .DataMetricsGrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.MainTitleArea{min-height:auto;padding:60px 20px}
.MainTitleArea .PrimaryHeadingText{font-size:36px}
.MainTitleArea .ButtonGrouping{flex-direction:column}
.MainTitleArea .PrimaryActionButton,.MainTitleArea .SecondaryActionButton{width:100%;text-align:center}
.ContentStorySection{padding:60px 20px}
.ContentStorySection .BlockTitleText{font-size:28px}
.ContentStorySection .FeatureGrid{grid-template-columns:1fr}
.ContentStorySection .DataShowcaseArea{padding:32px 24px}
.ContentStorySection .MetricNumber{font-size:36px}
}
@media (max-width: 480px) {
.MainTitleArea .PrimaryHeadingText{font-size:30px}
.MainTitleArea .DescriptionParagraph{font-size:16px}
.MainTitleArea .VisualImageContainer{height:280px}
.ContentStorySection .BlockTitleText{font-size:24px}
.ContentStorySection .StackedImagePhoto{width:240px}
}
.TitleHero{position:relative;overflow:hidden;padding:80px 0 120px;background:linear-gradient(135deg,#1a0b2e 0%,#2d1b4e 100%)}
.TitleHero .ContentWrapper{max-width:1536px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.TitleHero .FlexContainer{display:flex;align-items:center;gap:60px}
.TitleHero .TextBlock{flex:1;position:relative;background:#4f1b814d;padding:50px 45px;border-radius:12px;backdrop-filter:blur(10px)}
.TitleHero .TextBlock::before,.TitleHero .TextBlock::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#01F283}
.TitleHero .TextBlock::before{top:15px;left:15px;box-shadow:16px 0 0 #01F283,0 16px 0 #01F283}
.TitleHero .TextBlock::after{bottom:15px;right:15px;box-shadow:-16px 0 0 #01F283,0 -16px 0 #01F283}
.TitleHero .MainHeading{font-size:52px;font-weight:700;color:#F2EFBF;margin:0 0 20px;line-height:1.2}
.TitleHero .SubText{font-size:20px;color:#e0e0e0;margin:0 0 35px;line-height:1.6}
.TitleHero .ActionButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#01F283 0%,#00c96b 100%);color:#1a0b2e;font-size:18px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #01f2834d}
.TitleHero .ActionButton:hover{transform:translateY(-3px);box-shadow:0 10px 30px #01f28366}
.TitleHero .ImageContainer{flex:0 0 480px;position:relative}
.TitleHero .ShapedImage{width:100%;height:520px;object-fit:cover;clip-path:polygon(15% 0%,100% 0%,100% 85%,85% 100%,0% 100%,0% 15%);border-radius:12px;box-shadow:0 20px 60px #0006}
.MaterialsGrid{padding:100px 0;background:#0f0620}
.MaterialsGrid .GridWrapper{max-width:1536px;margin:0 auto;padding:0 24px}
.MaterialsGrid .SectionHeader{text-align:center;margin-bottom:70px}
.MaterialsGrid .SectionTitle{font-size:42px;font-weight:700;color:#01F283;margin:0 0 18px;position:relative;display:inline-block}
.MaterialsGrid .SectionTitle::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4F1B81 0%,#01F283 100%);border-radius:2px}
.MaterialsGrid .SectionDescription{font-size:18px;color:silver;max-width:720px;margin:0 auto;line-height:1.7}
.MaterialsGrid .CardsLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.MaterialsGrid .ResourceCard{background:linear-gradient(145deg,#1a0d2e 0%,#2a1a4a 100%);padding:40px 32px;border-radius:14px;border:1px solid #01f2831a;transition:all .4s ease;position:relative;overflow:hidden}
.MaterialsGrid .ResourceCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#01F283 0%,#4F1B81 100%);transform:scaleX(0);transition:transform .4s ease}
.MaterialsGrid .ResourceCard:hover{transform:translateY(-8px);border-color:#01f2834d;box-shadow:0 12px 40px #01f28326}
.MaterialsGrid .ResourceCard:hover::before{transform:scaleX(1)}
.MaterialsGrid .IconHolder{width:60px;height:60px;background:#01f2831a;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.MaterialsGrid .IconHolder i{font-size:28px;color:#01F283}
.MaterialsGrid .CardTitle{font-size:24px;font-weight:600;color:#F2EFBF;margin:0 0 16px}
.MaterialsGrid .CardText{font-size:16px;color:#b0b0b0;line-height:1.7;margin:0 0 24px}
.MaterialsGrid .DetailsList{list-style:none;padding:0;margin:0}
.MaterialsGrid .DetailsList li{font-size:15px;color:#9a9a9a;padding:8px 0;border-bottom:1px solid #ffffff0d;display:flex;align-items:center;gap:10px}
.MaterialsGrid .DetailsList li::before{content:'';width:6px;height:6px;background:#01F283;border-radius:50%;flex-shrink:0}
.MaterialsGrid .DetailsList li:last-child{border-bottom:none}
.AccessPortal{padding:110px 0;background:radial-gradient(ellipse at top,#2a1548 0%,#0f0620 70%);position:relative}
.AccessPortal::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#01F283 50%,transparent 100%)}
.AccessPortal .PortalWrapper{max-width:1536px;margin:0 auto;padding:0 24px}
.AccessPortal .SplitLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.AccessPortal .InfoPanel{position:relative}
.AccessPortal .PanelHeading{font-size:38px;font-weight:700;color:#F2EFBF;margin:0 0 24px;line-height:1.3}
.AccessPortal .PanelHeading span{color:#01F283;position:relative}
.AccessPortal .PanelHeading span::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#01F283 0%,#4F1B81 100%);opacity:.5}
.AccessPortal .PanelText{font-size:17px;color:#c5c5c5;line-height:1.8;margin:0 0 40px}
.AccessPortal .FeatureRows{display:flex;flex-direction:column;gap:20px}
.AccessPortal .FeatureItem{display:flex;gap:18px;align-items:flex-start;padding:22px;background:#4f1b8126;border-radius:10px;border-left:3px solid #01F283;transition:all .3s ease}
.AccessPortal .FeatureItem:hover{background:#4f1b8140;transform:translateX(8px)}
.AccessPortal .FeatureIcon{width:44px;height:44px;background:linear-gradient(135deg,#01F283 0%,#00c96b 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.AccessPortal .FeatureIcon i{font-size:22px;color:#1a0b2e}
.AccessPortal .FeatureContent h4{font-size:19px;font-weight:600;color:#F2EFBF;margin:0 0 8px}
.AccessPortal .FeatureContent p{font-size:15px;color:#a8a8a8;margin:0;line-height:1.6}
.AccessPortal .InteractiveBox{background:linear-gradient(135deg,#1a0d2e 0%,#2a1a4a 100%);padding:50px;border-radius:16px;border:2px solid #01f28333;box-shadow:0 20px 60px #0000004d}
.AccessPortal .BoxTitle{font-size:28px;font-weight:700;color:#01F283;margin:0 0 30px;text-align:center}
.AccessPortal .ProgressTrack{margin-bottom:35px}
.AccessPortal .TrackItem{display:flex;align-items:center;gap:20px;margin-bottom:24px;position:relative}
.AccessPortal .TrackItem:last-child{margin-bottom:0}
.AccessPortal .TrackItem::after{content:'';position:absolute;left:22px;top:48px;width:2px;height:calc(100% + 24px);background:linear-gradient(180deg,#01f2834d 0%,transparent 100%)}
.AccessPortal .TrackItem:last-child::after{display:none}
.AccessPortal .TrackNumber{width:46px;height:46px;background:linear-gradient(135deg,#4F1B81 0%,#01F283 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#1a0b2e;flex-shrink:0;z-index:1}
.AccessPortal .TrackInfo{flex:1}
.AccessPortal .TrackInfo h5{font-size:18px;font-weight:600;color:#F2EFBF;margin:0 0 6px}
.AccessPortal .TrackInfo p{font-size:14px;color:#9a9a9a;margin:0;line-height:1.5}
.AccessPortal .ActionArea{text-align:center;padding-top:30px;border-top:1px solid #ffffff14}
.AccessPortal .PrimaryLink{display:inline-block;padding:18px 50px;background:linear-gradient(135deg,#01F283 0%,#00c96b 100%);color:#1a0b2e;font-size:17px;font-weight:600;border-radius:12px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 25px #01f2834d}
.AccessPortal .PrimaryLink:hover{transform:translateY(-4px);box-shadow:0 12px 35px #01f28366}
@media (max-width: 1024px) {
.TitleHero .FlexContainer{flex-direction:column;gap:50px}
.TitleHero .ImageContainer{flex:0 0 auto;width:100%;max-width:500px}
.MaterialsGrid .CardsLayout{grid-template-columns:repeat(2,1fr);gap:30px}
.AccessPortal .SplitLayout{grid-template-columns:1fr;gap:60px}
}
@media (max-width: 768px) {
.TitleHero{padding:60px 0 80px}
.TitleHero .MainHeading{font-size:38px}
.TitleHero .SubText{font-size:18px}
.TitleHero .TextBlock{padding:40px 30px}
.MaterialsGrid{padding:70px 0}
.MaterialsGrid .SectionTitle{font-size:34px}
.MaterialsGrid .CardsLayout{grid-template-columns:1fr;gap:25px}
.AccessPortal{padding:80px 0}
.AccessPortal .PanelHeading{font-size:32px}
.AccessPortal .InteractiveBox{padding:35px 25px}
}
@media (max-width: 480px) {
.TitleHero .MainHeading{font-size:32px}
.TitleHero .SubText{font-size:16px}
.TitleHero .ActionButton{padding:14px 32px;font-size:16px}
.MaterialsGrid .SectionTitle{font-size:28px}
.MaterialsGrid .ResourceCard{padding:32px 24px}
.AccessPortal .PanelHeading{font-size:26px}
.AccessPortal .BoxTitle{font-size:24px}
}
.TitleZone{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#1a0d2e 0%,#2d1450 100%);overflow:hidden;margin-bottom:0}
.TitleZone::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./graphics_folder/media-13.jpg);background-size:cover;background-position:center;opacity:.15}
.TitleZone::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#1a0d2ef2,transparent)}
.TitleContainer{max-width:1536px;width:100%;margin:0 auto;padding:80px 24px;position:relative;z-index:2}
.TitleContent{max-width:880px}
.MainHeading{font-size:58px;font-weight:700;color:#01F283;margin:0 0 36px;line-height:1.15;letter-spacing:-.02em}
.IntroText{font-size:22px;line-height:1.65;color:#F2EFBF;margin:0;max-width:720px}
.ProgramLayout{background:#0f0820;padding:96px 0}
.ProgramWrapper{max-width:1536px;width:100%;margin:0 auto;padding:0 24px}
.ProgramGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ModuleCard{background:linear-gradient(145deg,#1a0f2e 0%,#2a1554 100%);border-radius:12px;padding:40px 32px;position:relative;overflow:hidden;border:1px solid #01f2831f;transition:all .3s ease}
.ModuleCard:hover{transform:translateY(-6px);border-color:#01f28359;box-shadow:0 12px 32px #01f28326}
.ModuleCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#01F283,#4F1B81)}
.ModuleNumber{font-size:14px;font-weight:600;color:#01F283;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}
.ModuleTitle{font-size:24px;font-weight:700;color:#F2EFBF;margin:0 0 20px;line-height:1.3}
.ModuleDescription{font-size:16px;line-height:1.7;color:#f2efbfcc;margin:0 0 24px}
.ModuleTopics{list-style:none;padding:0;margin:0}
.ModuleTopics li{font-size:15px;color:#f2efbfbf;padding:10px 0 10px 28px;position:relative;line-height:1.5}
.ModuleTopics li::before{content:'';position:absolute;left:0;top:16px;width:16px;height:2px;background:#01F283}
.ApproachSection{background:linear-gradient(180deg,#1a0d2e 0%,#0f0820 100%);padding:88px 0}
.ApproachContainer{max-width:1536px;width:100%;margin:0 auto;padding:0 24px}
.ApproachHeader{max-width:720px;margin:0 0 64px}
.ApproachTitle{font-size:42px;font-weight:700;color:#01F283;margin:0 0 24px;line-height:1.2}
.ApproachIntro{font-size:19px;line-height:1.7;color:#F2EFBF;margin:0}
.PhaseTimeline{position:relative;padding-left:64px}
.PhaseTimeline::before{content:'';position:absolute;left:20px;top:24px;bottom:24px;width:2px;background:linear-gradient(to bottom,#01F283,#4F1B81)}
.PhaseItem{position:relative;margin-bottom:56px;padding-left:48px}
.PhaseItem:last-child{margin-bottom:0}
.PhaseMarker{position:absolute;left:-52px;top:4px;width:40px;height:40px;background:linear-gradient(135deg,#01F283,#4F1B81);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#0f0820;font-size:16px;z-index:2}
.PhaseHeading{font-size:26px;font-weight:700;color:#F2EFBF;margin:0 0 16px;line-height:1.3}
.PhaseText{font-size:17px;line-height:1.75;color:#f2efbfd9;margin:0 0 20px}
.PhaseFeatures{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.FeatureTag{background:#01f28314;border:1px solid #01f28333;border-radius:8px;padding:14px 20px;font-size:15px;color:#F2EFBF;display:flex;align-items:center;gap:12px}
.FeatureTag i{color:#01F283;font-size:18px}
.EnrollSection{background:#0f0820;padding:96px 0}
.EnrollWrap{max-width:1536px;width:100%;margin:0 auto;padding:0 24px}
.EnrollBox{background:linear-gradient(135deg,#2d1450 0%,#1a0d2e 100%);border-radius:16px;padding:64px;position:relative;overflow:hidden;border:2px solid #01f28326}
.EnrollBox::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#01f28314 0%,transparent 70%);border-radius:50%}
.EnrollContent{max-width:680px;position:relative;z-index:2}
.EnrollHeading{font-size:38px;font-weight:700;color:#01F283;margin:0 0 20px;line-height:1.25}
.EnrollDescription{font-size:18px;line-height:1.7;color:#F2EFBF;margin:0 0 36px}
.EnrollActions{display:flex;gap:20px;flex-wrap:wrap}
.PrimaryButton{background:linear-gradient(135deg,#01F283,#4F1B81);color:#0f0820;font-size:17px;font-weight:700;padding:18px 40px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:none;cursor:pointer;position:relative;z-index:10}
.PrimaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #01f2834d}
.SecondaryButton{background:transparent;color:#01F283;font-size:17px;font-weight:700;padding:18px 40px;border-radius:10px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #01F283;transition:all .3s ease;cursor:pointer;position:relative;z-index:10}
.SecondaryButton:hover{background:#01f2831a;transform:translateY(-2px)}
@media (max-width: 1024px) {
.TitleZone{min-height:420px}
.MainHeading{font-size:46px}
.IntroText{font-size:19px}
.ProgramGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.PhaseFeatures{grid-template-columns:1fr}
.EnrollBox{padding:48px}
.EnrollHeading{font-size:32px}
}
@media (max-width: 768px) {
.TitleZone{min-height:360px}
.TitleContainer{padding:60px 20px}
.MainHeading{font-size:36px;margin-bottom:24px}
.IntroText{font-size:17px}
.ProgramLayout{padding:64px 0}
.ProgramGrid{grid-template-columns:1fr;gap:20px}
.ModuleCard{padding:32px 24px}
.ApproachSection{padding:64px 0}
.ApproachTitle{font-size:32px}
.ApproachIntro{font-size:17px}
.PhaseTimeline{padding-left:0}
.PhaseTimeline::before{display:none}
.PhaseItem{padding-left:0;margin-bottom:40px}
.PhaseMarker{position:relative;left:0;margin-bottom:16px}
.EnrollSection{padding:64px 0}
.EnrollBox{padding:36px 24px}
.EnrollHeading{font-size:28px}
.EnrollDescription{font-size:16px}
.EnrollActions{flex-direction:column;gap:16px}
.PrimaryButton,.SecondaryButton{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.MainHeading{font-size:30px}
.IntroText{font-size:16px}
.ApproachTitle{font-size:28px}
.PhaseHeading{font-size:22px}
.EnrollHeading{font-size:24px}
}
.SuccessContainer{max-width:1536px;margin:0 auto;padding:0}
.HeroConfirm{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#2d1b4e 100%)}
.HeroConfirm::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,#01f28314 0%,transparent 60%),radial-gradient(circle at 80% 20%,#4f1b811f 0%,transparent 50%);animation:pulseGlow 8s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1) rotate(0deg);opacity:1}
50%{transform:scale(1.1) rotate(5deg);opacity:.8}
}
.HeroConfirm::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#01f28308 50%,transparent 100%),linear-gradient(0deg,#4f1b810d 0%,transparent 40%);pointer-events:none}
.ConfirmInner{position:relative;z-index:2;text-align:center;padding:80px 24px;max-width:720px}
.IconSuccess{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#01F283 0%,#4F1B81 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #01f2834d 0 0 0 12px #01f28314;animation:successPop .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes successPop {
0%{transform:scale(0) rotate(-180deg);opacity:0}
70%{transform:scale(1.15) rotate(10deg)}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.IconSuccess svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.SuccessTitle{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2;letter-spacing:-.02em}
.SuccessText{font-size:20px;color:#ffffffd9;line-height:1.6;margin:0 0 40px}
.ActionZone{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.ButtonPrimary{padding:16px 40px;background:linear-gradient(135deg,#01F283 0%,#00d170 100%);color:#1a1a2e;text-decoration:none;border-radius:10px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #01f28340;position:relative;z-index:3}
.ButtonPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #01f28359;background:linear-gradient(135deg,#00d170 0%,#01F283 100%)}
.ButtonSecondary{padding:16px 40px;background:#ffffff14;color:#fff;text-decoration:none;border-radius:10px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid #ffffff1f;position:relative;z-index:3}
.ButtonSecondary:hover{background:#ffffff24;border-color:#01f28366;transform:translateY(-2px)}
.NextSteps{background:linear-gradient(180deg,#0f0f1e 0%,#1a1a2e 100%);padding:120px 24px}
.NextStepsWrap{max-width:1280px;margin:0 auto}
.SectionLabel{text-align:center;font-size:15px;font-weight:600;color:#01F283;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px}
.SectionTitle{text-align:center;font-size:42px;font-weight:700;color:#fff;margin:0 0 72px;line-height:1.2}
.StepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.StepCard{background:linear-gradient(135deg,#4f1b8126 0%,#01f2830d 100%);border-radius:12px;padding:40px 32px;border:1px solid #ffffff0f;position:relative;overflow:hidden;transition:all .4s ease}
.StepCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#01F283 0%,#4F1B81 100%);opacity:0;transition:opacity .4s ease}
.StepCard:hover{transform:translateY(-6px);border-color:#01f2834d;box-shadow:0 12px 40px #01f28326}
.StepCard:hover::before{opacity:1}
.StepNumber{width:56px;height:56px;background:linear-gradient(135deg,#01f28333 0%,#4f1b814d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#01F283;margin-bottom:24px;border:2px solid #01f28333}
.StepHeading{font-size:22px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.StepDescription{font-size:16px;color:#ffffffbf;line-height:1.7;margin:0}
.StepIcon{position:absolute;top:32px;right:32px;width:40px;height:40px;opacity:.12}
.StepIcon svg{width:100%;height:100%;fill:#01F283}
@media (max-width: 768px) {
.HeroConfirm{min-height:360px}
.ConfirmInner{padding:60px 20px}
.IconSuccess{width:80px;height:80px;margin-bottom:24px}
.IconSuccess svg{width:40px;height:40px}
.SuccessTitle{font-size:36px}
.SuccessText{font-size:18px;margin-bottom:32px}
.ActionZone{flex-direction:column}
.ButtonPrimary,.ButtonSecondary{width:100%;justify-content:center}
.NextSteps{padding:80px 20px}
.SectionTitle{font-size:32px;margin-bottom:48px}
.StepsGrid{grid-template-columns:1fr;gap:24px}
.StepCard{padding:32px 24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.StepsGrid{grid-template-columns:repeat(2,1fr)}
.SuccessTitle{font-size:42px}
}