*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Fira Sans',sans-serif;background:linear-gradient(135deg,#0a0e1a 0%,#1a1f35 100%);color:#e4e7eb;min-height:100vh;display:flex;flex-direction:column;line-height:1.6}
.site-header{background:linear-gradient(145deg,#22305B 0%,#1a2547 100%);border-bottom:2px solid #02D9C4;box-shadow:0 4px 12px #0006}
.site-header .header-holder{max-width:960px;margin:0 auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:30px}
.site-header .left-zone{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.site-header .logo-wrap{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:#02d9c41a;border:2px solid #02D9C4;padding:8px}
.site-header .logo-img{width:100%;height:100%;object-fit:contain}
.site-header .brand-text{display:flex;flex-direction:column}
.site-header .company-label{font-size:26px;font-weight:700;color:#02D9C4;letter-spacing:.5px}
.site-header .right-zone{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:1}
.site-header .main-navi{display:flex;gap:28px;flex-wrap:wrap;justify-content:flex-end}
.site-header .nav-link{color:#e4e7eb;text-decoration:none;font-size:16px;font-weight:400;padding:6px 10px;transition:color .2s ease}
.site-header .nav-link:hover{color:#02D9C4}
.site-header .tagline-holder{font-size:13px;color:#9ca3b0;font-style:italic}
.site-footer{background:linear-gradient(155deg,#1a2547 0%,#22305B 100%);border-top:2px solid #02D9C4;margin-top:auto}
.site-footer .footer-holder{max-width:960px;margin:0 auto;padding:40px 30px 20px}
.site-footer .top-layer{display:flex;justify-content:space-between;gap:40px;padding-bottom:30px;border-bottom:1px solid #02d9c433}
.site-footer .contact-block{display:flex;flex-direction:column;gap:14px}
.site-footer .contact-item{display:flex;align-items:center;gap:10px;color:#e4e7eb;font-size:15px}
.site-footer .contact-item i{color:#02D9C4;font-size:18px}
.site-footer .contact-item a{color:#02D9C4;text-decoration:none;transition:color .2s ease}
.site-footer .contact-item a:hover{color:#00b8a3}
.site-footer .hours-block{display:flex;flex-direction:column;gap:8px}
.site-footer .hours-heading{font-size:18px;color:#02D9C4;font-weight:700;margin-bottom:6px}
.site-footer .hours-text{font-size:14px;color:#c5c9d1}
.site-footer .mid-layer{padding:24px 0;text-align:center}
.site-footer .footer-navi{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.site-footer .footer-link{color:#02D9C4;text-decoration:none;font-size:15px;transition:color .2s ease}
.site-footer .footer-link:hover{color:#00b8a3}
.site-footer .bottom-layer{padding-top:18px;border-top:1px solid #02d9c433;text-align:center}
.site-footer .copyright-text{font-size:13px;color:#9ca3b0}
.cookie-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e1aeb;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.cookie-overlay .cookie-box{background:linear-gradient(160deg,#22305B 0%,#1a2547 100%);border:2px solid #02D9C4;max-width:540px;width:100%;box-shadow:0 12px 32px #0009;padding:30px}
.cookie-overlay .cookie-tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:2px solid #02d9c44d}
.cookie-overlay .tab-butt{flex:1;background:transparent;border:none;color:#9ca3b0;padding:12px 16px;font-size:15px;font-weight:400;cursor:pointer;transition:color .2s ease;font-family:'Fira Sans',sans-serif}
.cookie-overlay .tab-butt.is-active{color:#02D9C4;border-bottom:3px solid #02D9C4}
.cookie-overlay .tab-content{display:none}
.cookie-overlay .tab-content.is-active{display:block}
.cookie-overlay .cookie-heading{font-size:22px;color:#02D9C4;margin-bottom:16px;font-weight:700}
.cookie-overlay .cookie-desc{font-size:15px;color:#c5c9d1;line-height:1.6;margin-bottom:20px}
.cookie-overlay .cookie-category{margin-bottom:18px;padding:14px;background:#0a0e1a66;border-left:3px solid #02D9C4}
.cookie-overlay .cookie-label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px}
.cookie-overlay .cookie-check{width:18px;height:18px;cursor:pointer}
.cookie-overlay .label-text{font-size:15px;color:#e4e7eb;font-weight:700}
.cookie-overlay .category-info{font-size:13px;color:#9ca3b0;margin-left:28px;line-height:1.5}
.cookie-overlay .cookie-actions{display:flex;gap:12px;margin-top:24px}
.cookie-overlay .action-butt{flex:1;padding:13px 18px;border:none;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease;font-family:'Fira Sans',sans-serif}
.cookie-overlay .accept-butt{background:#02D9C4;color:#0a0e1a}
.cookie-overlay .accept-butt:hover{background:#00b8a3}
.cookie-overlay .decline-butt{background:#4a5568;color:#e4e7eb}
.cookie-overlay .decline-butt:hover{background:#5a6578}
.cookie-overlay .save-butt{background:#22305B;color:#02D9C4;border:2px solid #02D9C4}
.cookie-overlay .save-butt:hover{background:#2a3a6b}
@media (max-width: 768px) {
.site-header .header-holder{flex-direction:column;align-items:center;padding:18px 20px}
.site-header .left-zone{flex-direction:column;text-align:center}
.site-header .right-zone{align-items:center;width:100%}
.site-header .main-navi{justify-content:center;gap:18px}
.site-header .nav-link{font-size:15px}
.site-footer .top-layer{flex-direction:column;gap:28px}
.site-footer .footer-navi{flex-direction:column;gap:16px}
.cookie-overlay .cookie-actions{flex-direction:column}
.cookie-overlay .action-butt{width:100%}
}
@media (max-width: 375px) {
.site-header .logo-wrap{width:65px;height:65px}
.site-header .company-label{font-size:22px}
.site-header .main-navi{gap:12px}
.cookie-overlay .cookie-box{padding:20px}
}
.legal-block-c{max-width:960px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#0a0f1a 0%,#141b2e 100%);color:#e8eaf0;line-height:1.8}
.legal-block-c h1{font-size:2.8rem;font-weight:700;color:#02D9C4;margin:0 0 40px;padding-bottom:20px;border-bottom:3px solid #22305B;letter-spacing:-.5px}
.legal-block-c h2{font-size:2rem;font-weight:600;color:#02D9C4;margin:60px 0 24px;padding-top:20px;letter-spacing:-.3px}
.legal-block-c h3{font-size:1.5rem;font-weight:600;color:#FFF;margin:40px 0 20px}
.legal-block-c h4{font-size:1.25rem;font-weight:600;color:#FFF;margin:32px 0 16px}
.legal-block-c h5{font-size:1.1rem;font-weight:600;color:#c2c7d6;margin:28px 0 14px}
.legal-block-c h6{font-size:1rem;font-weight:600;color:#c2c7d6;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.legal-block-c p{font-size:1.05rem;color:#d1d5e0;margin:0 0 20px;line-height:1.8}
.legal-block-c em,.legal-block-c i{font-style:italic;color:#e8eaf0}
.legal-block-c strong{font-weight:600;color:#FFF}
.legal-block-c a{color:#02D9C4;text-decoration:none;border-bottom:1px solid #02d9c44d;transition:all .3s ease;padding-bottom:2px}
.legal-block-c a:hover{color:#00f5db;border-bottom-color:#02D9C4;background:#02d9c414}
.legal-block-c ul,.legal-block-c ol{margin:0 0 24px;padding-left:28px;color:#d1d5e0}
.legal-block-c ul li,.legal-block-c ol li{margin-bottom:12px;line-height:1.8;font-size:1.05rem}
.legal-block-c ul li::marker{color:#02D9C4}
.legal-block-c ol li::marker{color:#02D9C4;font-weight:600}
.legal-block-c table{width:100%;border-collapse:collapse;margin:32px 0;background:#0f1621;border:1px solid #22305B;box-shadow:0 4px 12px #0006}
.legal-block-c thead{background:linear-gradient(135deg,#22305B 0%,#1a2647 100%)}
.legal-block-c thead tr{border-bottom:2px solid #02D9C4}
.legal-block-c th{padding:16px 20px;text-align:left;font-weight:600;font-size:1rem;color:#02D9C4;text-transform:uppercase;letter-spacing:.5px}
.legal-block-c tbody tr{border-bottom:1px solid #1e2738;transition:background .2s ease}
.legal-block-c tbody tr:hover{background:#121927}
.legal-block-c tbody tr:last-child{border-bottom:none}
.legal-block-c td{padding:14px 20px;font-size:1rem;color:#d1d5e0}
.legal-block-c hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#22305B 50%,transparent 100%);margin:48px 0}
.legal-block-c div{margin:0 0 20px}
.legal-block-c blockquote{margin:32px 0;padding:20px 24px;border-left:4px solid #02D9C4;background:#0f1621;color:#c2c7d6;font-style:italic;box-shadow:inset 2px 0 8px #02d9c41a}
.legal-block-c code{background:#0a0f1a;color:#02D9C4;padding:3px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:.95rem;border:1px solid #1e2738}
.legal-block-c pre{background:#0a0f1a;padding:20px;border-radius:6px;overflow-x:auto;margin:24px 0;border:1px solid #22305B;box-shadow:inset 0 2px 6px #0000004d}
.legal-block-c pre code{background:none;padding:0;border:none;color:#e8eaf0}
@media (max-width: 768px) {
.legal-block-c{padding:60px 16px}
.legal-block-c h1{font-size:2rem;margin-bottom:32px}
.legal-block-c h2{font-size:1.6rem;margin-top:48px}
.legal-block-c h3{font-size:1.3rem}
.legal-block-c p,.legal-block-c ul li,.legal-block-c ol li{font-size:1rem}
.legal-block-c table{font-size:.9rem;display:block;overflow-x:auto}
.legal-block-c th,.legal-block-c td{padding:12px 14px}
}
@media (max-width: 375px) {
.legal-block-c{padding:40px 12px}
.legal-block-c h1{font-size:1.75rem}
.legal-block-c h2{font-size:1.4rem}
.legal-block-c p,.legal-block-c ul li,.legal-block-c ol li{font-size:.95rem}
}
.hero-wrap{background:linear-gradient(135deg,#0a0f1f 0%,#1a2342 100%);padding:80px 20px;position:relative;overflow:hidden}
.hero-wrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#02d9c426 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.hero-content-holder{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-box h1{font-size:42px;color:#02D9C4;margin:0 0 24px;line-height:1.2}
.hero-quote{font-size:18px;color:#e8e9ed;line-height:1.6;font-style:italic;border-left:3px solid #02D9C4;padding-left:20px;margin:0}
.hero-img-holder{position:relative}
.hero-img-holder img{width:100%;height:320px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0006;transform:translateX(40px)}
.process-area{background:#0f1623;padding:90px 20px;position:relative}
.process-container{max-width:960px;margin:0 auto}
.section-intro{text-align:center;margin-bottom:70px}
.section-intro h2{font-size:36px;color:#FFF;margin:0 0 16px}
.section-intro p{font-size:17px;color:#b8bcc8;max-width:640px;margin:0 auto;line-height:1.6}
.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.step-card{background:linear-gradient(145deg,#1a2342 0%,#22305B 100%);padding:40px 30px;border-radius:8px;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.step-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #02d9c433}
.step-number{position:absolute;top:-20px;left:30px;width:50px;height:50px;background:linear-gradient(135deg,#02D9C4 0%,#01a89a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#0a0f1f;box-shadow:0 4px 12px #02d9c466}
.step-card h3{font-size:22px;color:#02D9C4;margin:20px 0 14px}
.step-card p{font-size:15px;color:#d1d4dc;line-height:1.7;margin:0}
.timeline-section{background:linear-gradient(170deg,#0a0f1f 0%,#1a2342 50%,#0f1623 100%);padding:90px 20px}
.timeline-wrap{max-width:960px;margin:0 auto}
.timeline-header{margin-bottom:60px}
.timeline-header h2{font-size:34px;color:#FFF;margin:0 0 18px}
.timeline-header p{font-size:16px;color:#b8bcc8;line-height:1.7}
.timeline-flow{position:relative;padding-left:80px}
.timeline-flow::before{content:'';position:absolute;left:25px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#02D9C4 0%,#22305B 100%)}
.timeline-item{position:relative;margin-bottom:50px}
.timeline-item:last-child{margin-bottom:0}
.timeline-marker{position:absolute;left:-67px;top:6px;width:18px;height:18px;background:#02D9C4;border:4px solid #0f1623;border-radius:50%;box-shadow:0 0 0 4px #02d9c433}
.timeline-content{background:#22305b66;padding:28px 32px;border-radius:8px;border-left:4px solid #02D9C4}
.timeline-content h3{font-size:20px;color:#02D9C4;margin:0 0 12px}
.timeline-content p{font-size:15px;color:#d1d4dc;line-height:1.7;margin:0}
.cta-section{background:#22305B;padding:80px 20px;position:relative;overflow:hidden}
.cta-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#02d9c41f 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.cta-holder{max-width:960px;margin:0 auto;display:flex;align-items:center;gap:50px;position:relative;z-index:2}
.cta-visual{flex:0 0 280px}
.cta-visual img{width:100%;height:280px;object-fit:cover;border-radius:8px;box-shadow:0 6px 20px #0000004d}
.cta-text-area{flex:1}
.cta-text-area h2{font-size:32px;color:#FFF;margin:0 0 18px}
.cta-text-area p{font-size:16px;color:#d1d4dc;line-height:1.7;margin:0 0 28px}
.cta-actions{display:flex;gap:16px;flex-wrap:wrap}
.butt-primary{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#02D9C4 0%,#01a89a 100%);color:#0a0f1f;font-size:16px;font-weight:600;text-decoration:none;border-radius:6px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #02d9c44d}
.butt-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #02d9c466}
.butt-secondary{display:inline-block;padding:14px 32px;background:transparent;color:#02D9C4;font-size:16px;font-weight:600;text-decoration:none;border:2px solid #02D9C4;border-radius:6px;transition:background .3s ease,color .3s ease}
.butt-secondary:hover{background:#02d9c41a}
@media (max-width: 1366px) {
.hero-content-holder{gap:50px}
.step-grid{gap:30px}
}
@media (max-width: 768px) {
.hero-wrap{padding:60px 20px}
.hero-content-holder{grid-template-columns:1fr;gap:40px}
.hero-text-box h1{font-size:32px}
.hero-quote{font-size:16px}
.hero-img-holder img{transform:translateX(0);height:260px}
.process-area{padding:60px 20px}
.section-intro h2{font-size:28px}
.step-grid{grid-template-columns:1fr;gap:50px}
.timeline-section{padding:60px 20px}
.timeline-header h2{font-size:28px}
.timeline-flow{padding-left:60px}
.timeline-marker{left:-52px}
.cta-section{padding:60px 20px}
.cta-holder{flex-direction:column;gap:30px}
.cta-visual{flex:0 0 auto;width:100%}
.cta-visual img{height:240px}
.cta-text-area h2{font-size:26px}
.cta-actions{flex-direction:column}
.butt-primary,.butt-secondary{text-align:center}
}
@media (max-width: 375px) {
.hero-text-box h1{font-size:28px}
.step-card{padding:35px 20px}
.timeline-content{padding:22px 24px}
.butt-primary,.butt-secondary{padding:12px 24px;font-size:15px}
}
.hero-wrap{display:flex;align-items:center;gap:40px;max-width:960px;margin:60px auto;padding:0 20px}
.hero-img-holder{flex:0 0 40%;position:relative}
.hero-img-holder img{width:100%;height:auto;display:block;filter:contrast(1.05) brightness(0.98);border-radius:8px}
.hero-img-holder::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#02d9c408 0px,transparent 1px,transparent 2px,#02d9c408 3px);pointer-events:none;border-radius:8px}
.hero-txt{flex:1;position:relative}
.hero-txt h1{font-size:38px;line-height:1.2;color:#02D9C4;margin:0 0 20px;position:relative}
.hero-txt h1::before{content:'';position:absolute;left:-20px;top:8px;width:4px;height:28px;background:linear-gradient(135deg,#02D9C4 0%,#22305B 100%);border-radius:2px}
.hero-desc{font-size:16px;line-height:1.7;color:#d4d4d4;margin:0 0 24px}
.hero-desc::after{content:'';display:block;width:60px;height:3px;background:linear-gradient(90deg,#02D9C4 0%,transparent 100%);margin-top:24px}
.tech-area{background:linear-gradient(125deg,#1a1a2e 0%,#16213e 100%);padding:70px 20px;margin:0 0 80px}
.tech-inner{max-width:960px;margin:0 auto}
.tech-inner h2{font-size:32px;color:#FFF;margin:0 0 16px;position:relative;display:inline-block}
.tech-inner h2::after{content:'';position:absolute;bottom:-6px;left:0;width:50%;height:2px;background:#02D9C4}
.tech-lead{font-size:17px;line-height:1.6;color:#b8b8b8;margin:0 0 40px;max-width:700px}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.tech-card{background:#ffffff08;border:1px solid #02d9c433;border-radius:10px;padding:32px 24px;transition:all .3s ease}
.tech-card:hover{transform:translateY(-4px);background:#02d9c40d;border-color:#02d9c466;box-shadow:0 8px 20px #02d9c426}
.tech-card .mdi{font-size:42px;color:#02D9C4;margin:0 0 16px;display:block}
.tech-card h3{font-size:20px;color:#FFF;margin:0 0 12px}
.tech-card p{font-size:15px;line-height:1.6;color:#a8a8a8;margin:0}
.events-section{max-width:960px;margin:0 auto 80px;padding:0 20px}
.events-section h2{font-size:32px;color:#02D9C4;margin:0 0 12px;position:relative;padding-left:20px}
.events-section h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#22305B;border-radius:50%}
.events-intro{font-size:16px;line-height:1.7;color:silver;margin:0 0 40px;max-width:680px}
.events-holder{display:flex;gap:20px}
.event-pic{flex:0 0 45%}
.event-pic img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.event-list{flex:1;display:flex;flex-direction:column;gap:20px}
.event-item{background:linear-gradient(110deg,#22305b26 0%,#02d9c414 100%);border-left:3px solid #02D9C4;padding:20px 24px;border-radius:6px;transition:all .3s ease}
.event-item:hover{background:linear-gradient(110deg,#22305b40 0%,#02d9c426 100%);transform:translateX(6px)}
.event-item h4{font-size:18px;color:#FFF;margin:0 0 8px}
.event-item p{font-size:14px;line-height:1.6;color:#a8a8a8;margin:0}
.ecosystem-zone{background:linear-gradient(155deg,#22305B 0%,#1a1a2e 100%);padding:70px 20px;position:relative;overflow:hidden}
.ecosystem-zone::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#02d9c414 0%,transparent 70%);pointer-events:none}
.ecosystem-content{max-width:960px;margin:0 auto;position:relative;z-index:2}
.ecosystem-content h2{font-size:32px;color:#FFF;margin:0 0 14px}
.ecosystem-subtitle{font-size:17px;line-height:1.6;color:#b0b0b0;margin:0 0 50px;max-width:720px}
.path-structure{display:flex;align-items:center;gap:16px;margin-bottom:50px}
.path-step{flex:1;background:#ffffff0a;border:1px solid #02d9c44d;border-radius:8px;padding:24px 20px;text-align:center;position:relative;transition:all .3s ease}
.path-step:hover{background:#02d9c414;transform:scale(1.03);box-shadow:0 6px 16px #02d9c433}
.path-step::after{content:'→';position:absolute;right:-24px;top:50%;transform:translateY(-50%);font-size:24px;color:#02D9C4;z-index:3}
.path-step:last-child::after{display:none}
.step-num{display:inline-block;width:32px;height:32px;line-height:32px;background:#02D9C4;color:#22305B;border-radius:50%;font-weight:700;font-size:16px;margin:0 0 12px}
.path-step h5{font-size:18px;color:#FFF;margin:0 0 8px}
.path-step p{font-size:14px;line-height:1.5;color:#a0a0a0;margin:0}
.capabilities-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.capability-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;padding:28px 24px;display:flex;gap:20px;align-items:flex-start;transition:all .3s ease}
.capability-box:hover{border-color:#02d9c466;background:#02d9c40d}
.capability-icon{flex:0 0 48px;width:48px;height:48px;background:linear-gradient(135deg,#02D9C4 0%,#22305B 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#FFF}
.capability-txt h6{font-size:18px;color:#FFF;margin:0 0 8px}
.capability-txt p{font-size:14px;line-height:1.6;color:#a8a8a8;margin:0}
.cta-section{max-width:960px;margin:80px auto 60px;padding:0 20px;text-align:center}
.cta-box{background:linear-gradient(120deg,#22305b33 0%,#02d9c41a 100%);border:2px solid #02D9C4;border-radius:10px;padding:50px 40px}
.cta-box h3{font-size:28px;color:#FFF;margin:0 0 16px}
.cta-box p{font-size:16px;line-height:1.6;color:#b8b8b8;margin:0 0 32px;max-width:600px;margin-left:auto;margin-right:auto}
.cta-butt{display:inline-block;background:linear-gradient(135deg,#02D9C4 0%,#22305B 100%);color:#FFF;text-decoration:none;padding:16px 40px;border-radius:8px;font-size:17px;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.cta-butt:hover{transform:translateY(-3px);box-shadow:0 8px 20px #02d9c44d}
@media (max-width: 768px) {
.hero-wrap{flex-direction:column;gap:30px;margin:40px auto}
.hero-img-holder{flex:0 0 auto;width:100%}
.hero-txt h1{font-size:30px}
.tech-grid{grid-template-columns:1fr;gap:20px}
.events-holder{flex-direction:column}
.event-pic{flex:0 0 auto;width:100%;height:240px}
.path-structure{flex-direction:column;gap:20px}
.path-step::after{content:'↓';right:50%;bottom:-28px;top:auto;transform:translateX(50%)}
.capabilities-grid{grid-template-columns:1fr;gap:16px}
.cta-box{padding:40px 24px}
}
@media (max-width: 375px) {
.hero-txt h1{font-size:26px}
.tech-inner h2,.events-section h2,.ecosystem-content h2{font-size:26px}
.cta-box h3{font-size:24px}
}
.contact-wrap{max-width:960px;margin:0 auto;padding:0 20px}
.title-holder{position:relative;margin:80px 0 60px;display:flex;align-items:center;justify-content:center;min-height:420px}
.title-holder .circle-crop{position:absolute;width:380px;height:380px;border-radius:50%;overflow:hidden;z-index:1;box-shadow:0 8px 24px #02d9c426}
.title-holder .circle-crop img{width:100%;height:100%;object-fit:cover;opacity:.3}
.title-holder .shape-deco-1{position:absolute;top:40px;right:80px;width:120px;height:120px;background:linear-gradient(135deg,#02D9C4 0%,#02d9c44d 100%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:0}
.title-holder .shape-deco-2{position:absolute;bottom:60px;left:40px;width:90px;height:90px;background:#22305b99;border-radius:8px;transform:rotate(25deg);z-index:0}
.title-holder .text-center-area{position:relative;z-index:2;text-align:center;max-width:520px;padding:40px;background:#111623d9;border-radius:8px;backdrop-filter:blur(12px);border:1px solid #02d9c433}
.title-holder .text-center-area h1{font-size:42px;color:#02D9C4;margin:0 0 16px;font-weight:600;letter-spacing:-.5px}
.title-holder .text-center-area p{font-size:18px;color:#E8E9ED;margin:0;line-height:1.6}
.info-grid-section{margin:80px 0}
.info-grid-section h2{font-size:32px;color:#FFF;margin:0 0 48px;text-align:center;position:relative}
.info-grid-section h2::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,#02D9C4 0%,#22305B 100%);margin:16px auto 0}
.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.contact-cards .card-item{background:linear-gradient(145deg,#22305b66 0%,#11162399 100%);padding:32px;border-radius:8px;border:1px solid #02d9c426;transition:all .3s ease}
.contact-cards .card-item:hover{border-color:#02D9C4;box-shadow:0 6px 20px #02d9c433;transform:translateY(-4px)}
.contact-cards .card-item .icon-holder{width:56px;height:56px;background:#02d9c41a;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contact-cards .card-item .icon-holder i{font-size:28px;color:#02D9C4}
.contact-cards .card-item h3{font-size:20px;color:#FFF;margin:0 0 12px;font-weight:500}
.contact-cards .card-item p{font-size:16px;color:#B8BCC8;margin:0 0 8px;line-height:1.6}
.contact-cards .card-item a{color:#02D9C4;text-decoration:none;transition:color .3s ease}
.contact-cards .card-item a:hover{color:#01B4A0}
.form-section{margin:80px 0;padding:60px;background:linear-gradient(135deg,#22305b4d 0%,#11162380 100%);border-radius:8px;border:1px solid #02d9c433}
.form-section h2{font-size:32px;color:#FFF;margin:0 0 12px;font-weight:600}
.form-section .subtitle-text{font-size:17px;color:#B8BCC8;margin:0 0 40px;line-height:1.5}
.tech-form{display:flex;flex-direction:column;gap:24px}
.tech-form .input-group{display:flex;flex-direction:column;gap:10px}
.tech-form label{font-size:14px;color:#02D9C4;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.tech-form input[type="text"],.tech-form input[type="email"],.tech-form textarea{background:#11162399;border:2px solid #02d9c44d;color:#FFF;padding:16px 20px;font-size:16px;border-radius:6px;transition:all .3s ease;outline:none}
.tech-form input[type="text"]:focus,.tech-form input[type="email"]:focus,.tech-form textarea:focus{border-color:#02D9C4;box-shadow:0 0 0 4px #02d9c41a}
.tech-form textarea{min-height:160px;resize:vertical;line-height:1.6}
.tech-form .privacy-box{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.tech-form .privacy-box input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#02D9C4}
.tech-form .privacy-box label{font-size:14px;color:#B8BCC8;text-transform:none;letter-spacing:normal;font-weight:400;line-height:1.5;cursor:pointer}
.tech-form .privacy-box a{color:#02D9C4;text-decoration:none;transition:color .3s ease}
.tech-form .privacy-box a:hover{color:#01B4A0}
.tech-form .submit-butt{background:linear-gradient(135deg,#02D9C4 0%,#01B4A0 100%);color:#22305B;border:none;padding:18px 48px;font-size:16px;font-weight:600;border-radius:6px;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;align-self:flex-start;position:relative;z-index:10}
.tech-form .submit-butt:hover{transform:translateY(-2px);box-shadow:0 8px 20px #02d9c466}
.tech-form .submit-butt:active{transform:translateY(0)}
.hours-section{margin:80px 0;text-align:center}
.hours-section h2{font-size:32px;color:#FFF;margin:0 0 40px}
.hours-content{background:#22305b4d;padding:48px;border-radius:8px;border:1px solid #02d9c426;display:inline-block;min-width:400px}
.hours-content .time-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #02d9c41a}
.hours-content .time-row:last-child{border-bottom:none}
.hours-content .time-row .day-label{font-size:16px;color:#B8BCC8;font-weight:500}
.hours-content .time-row .time-value{font-size:16px;color:#02D9C4;font-weight:600}
.map-alternative{margin:80px 0 100px;padding:60px;background:linear-gradient(135deg,#02d9c40d 0%,#22305b26 100%);border-radius:8px;text-align:center;border:2px dashed #02d9c433}
.map-alternative h3{font-size:28px;color:#FFF;margin:0 0 20px}
.map-alternative p{font-size:18px;color:#B8BCC8;margin:0 0 12px;line-height:1.6}
.map-alternative .address-big{font-size:20px;color:#02D9C4;font-weight:600}
@media (max-width: 768px) {
.contact-wrap{padding:0 16px}
.title-holder{min-height:320px;margin:60px 0 40px}
.title-holder .circle-crop{width:280px;height:280px}
.title-holder .text-center-area{padding:28px}
.title-holder .text-center-area h1{font-size:32px}
.title-holder .text-center-area p{font-size:16px}
.title-holder .shape-deco-1{width:80px;height:80px;top:20px;right:20px}
.title-holder .shape-deco-2{width:60px;height:60px;bottom:40px;left:20px}
.contact-cards{grid-template-columns:1fr;gap:20px}
.form-section{padding:32px 24px}
.form-section h2{font-size:26px}
.tech-form .submit-butt{width:100%}
.hours-content{min-width:auto;width:100%;padding:32px 24px}
.map-alternative{padding:40px 24px}
.map-alternative h3{font-size:24px}
}
@media (max-width: 375px) {
.title-holder .text-center-area h1{font-size:28px}
.info-grid-section h2{font-size:26px}
.contact-cards .card-item{padding:24px}
.form-section{padding:24px 16px}
}
.about-wrapper{max-width:960px;margin:0 auto;padding:0 20px}
.hero-block{position:relative;min-height:520px;display:flex;align-items:center;margin-bottom:80px;overflow:hidden}
.hero-block::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:linear-gradient(135deg,#02D9C4 0%,#22305B 100%);border-radius:50%;opacity:.12;animation:pulse-shape 8s ease-in-out infinite}
.hero-block::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:linear-gradient(225deg,#22305B 0%,#02D9C4 100%);transform:rotate(45deg);opacity:.08}
@keyframes pulse-shape {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(5deg)}
}
.hero-content-grid{display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hero-text-area{flex:1}
.hero-heading{font-size:2.8rem;line-height:1.2;color:#FFF;margin:0 0 32px;position:relative}
.hero-heading::before{content:'';position:absolute;left:-20px;top:0;width:4px;height:100%;background:linear-gradient(180deg,#02D9C4 0%,#22305B 100%)}
.hero-butt{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#02D9C4 0%,#22305B 100%);color:#FFF;text-decoration:none;border-radius:6px;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #02d9c44d;position:relative;z-index:10}
.hero-butt:hover{transform:translateY(-2px);box-shadow:0 6px 16px #02d9c466}
.hero-img-holder{flex:0 0 380px;position:relative}
.hero-img-holder img{width:100%;height:450px;object-fit:cover;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);animation:float-img 6s ease-in-out infinite}
@keyframes float-img {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
.story-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:90px;align-items:start}
.story-img-wrap{position:relative}
.story-img-wrap::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;border:2px solid #02D9C4;z-index:1}
.story-img-wrap img{width:100%;height:400px;object-fit:cover;position:relative;z-index:2;display:block}
.story-content{padding-top:20px}
.story-content h2{font-size:2.2rem;color:#FFF;margin:0 0 24px;position:relative;display:inline-block}
.story-content h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#02D9C4 0%,transparent 100%)}
.story-content p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0 0 18px}
.values-holder{margin-bottom:90px}
.values-holder h2{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 50px}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.value-card{background:linear-gradient(145deg,#22305b4d 0%,#02d9c41a 100%);padding:36px 28px;border-radius:8px;border:1px solid #02d9c433;transition:all .3s ease;position:relative}
.value-card::before{content:'';position:absolute;top:0;left:0;width:0;height:2px;background:#02D9C4;transition:width .4s ease}
.value-card:hover{border-color:#02D9C4;transform:translateY(-5px);box-shadow:0 8px 20px #02d9c433}
.value-card:hover::before{width:100%}
.value-icon{width:50px;height:50px;margin-bottom:20px}
.value-card h3{font-size:1.4rem;color:#02D9C4;margin:0 0 14px}
.value-card p{font-size:.95rem;line-height:1.6;color:#fffc;margin:0}
.team-area{margin-bottom:80px}
.team-area h2{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 50px}
.team-layout{display:flex;gap:50px;align-items:center}
.team-profile{flex:0 0 300px;text-align:center}
.profile-img-box{width:220px;height:220px;margin:0 auto 24px;border-radius:50%;overflow:hidden;border:4px solid #02D9C4;box-shadow:0 6px 20px #02d9c44d}
.profile-img-box img{width:100%;height:100%;object-fit:cover}
.team-profile h3{font-size:1.5rem;color:#02D9C4;margin:0 0 8px}
.team-profile h4{font-size:1rem;color:#ffffffb3;font-weight:400;margin:0}
.team-description{flex:1}
.team-description p{font-size:1rem;line-height:1.7;color:#ffffffd9;margin:0 0 18px}
.timeline-section{margin-bottom:80px}
.timeline-section h2{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 60px}
.timeline-holder{position:relative;padding-left:50px}
.timeline-holder::before{content:'';position:absolute;left:15px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#02D9C4 0%,#22305B 100%)}
.timeline-item{position:relative;margin-bottom:45px;padding-left:30px}
.timeline-item::before{content:'';position:absolute;left:-41px;top:5px;width:14px;height:14px;background:#02D9C4;border-radius:50%;border:3px solid #1a1a2e;box-shadow:0 0 0 4px #02d9c433}
.timeline-year{font-size:1.3rem;color:#02D9C4;font-weight:600;margin:0 0 8px}
.timeline-content{font-size:.95rem;line-height:1.6;color:#fffc;margin:0}
@media (max-width: 1366px) {
.hero-block{min-height:480px}
.hero-content-grid{gap:40px}
.hero-img-holder{flex:0 0 340px}
.hero-img-holder img{height:400px}
}
@media (max-width: 768px) {
.about-wrapper{padding:0 16px}
.hero-block{min-height:auto;margin-bottom:60px}
.hero-content-grid{flex-direction:column;gap:30px}
.hero-text-area{text-align:center}
.hero-heading{font-size:2rem}
.hero-heading::before{display:none}
.hero-img-holder{flex:0 0 auto;width:100%;max-width:350px}
.hero-img-holder img{height:350px}
.story-section{grid-template-columns:1fr;gap:40px;margin-bottom:60px}
.values-holder{margin-bottom:60px}
.values-grid{grid-template-columns:1fr;gap:20px}
.team-area{margin-bottom:60px}
.team-layout{flex-direction:column;gap:30px}
.timeline-section{margin-bottom:60px}
.timeline-holder{padding-left:40px}
}
@media (max-width: 375px) {
.hero-heading{font-size:1.7rem}
.hero-butt{padding:12px 28px;font-size:.9rem}
.story-content h2,.values-holder h2,.team-area h2,.timeline-section h2{font-size:1.8rem}
.timeline-holder{padding-left:35px}
}
.top-section{position:relative;max-width:960px;margin:0 auto;padding:80px 20px;overflow:hidden}
.bg-circles{position:absolute;top:-50px;right:-80px;width:400px;height:400px;z-index:1}
.bg-circles .circ{position:absolute;border-radius:50%;opacity:.08}
.bg-circles .circ:nth-child(1){width:320px;height:320px;background:linear-gradient(135deg,#02D9C4,#22305B);top:0;right:0}
.bg-circles .circ:nth-child(2){width:220px;height:220px;background:#02D9C4;bottom:40px;left:60px}
.bg-circles .circ:nth-child(3){width:150px;height:150px;background:#22305B;top:120px;left:-30px}
.top-section .img-holder{position:relative;z-index:2;margin-bottom:48px}
.top-section .img-holder img{width:100%;max-width:680px;height:auto;display:block;margin:0 auto;border-radius:8px;box-shadow:0 8px 24px #02d9c426}
.top-section .img-holder::after{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:linear-gradient(145deg,#02d9c44d,#22305b33);border-radius:10px;z-index:-1;filter:blur(20px)}
.top-section .text-wrap{position:relative;z-index:2;max-width:720px;margin:0 auto}
.top-section .text-wrap h1{font-size:2.8rem;line-height:1.2;color:#FFF;margin:0 0 28px;font-weight:700}
.top-section .text-wrap .intro-text{font-size:1.15rem;line-height:1.7;color:#b8c5d9;margin:0 0 22px}
.top-section .text-wrap .statement{font-size:1.05rem;line-height:1.6;color:#94a3b8;margin:0 0 20px}
.top-section .text-wrap .butt-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}
.top-section .text-wrap .butt-row .btn-prim{padding:14px 32px;background:linear-gradient(135deg,#02D9C4,#01a99a);color:#1a1a2e;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #02d9c44d;z-index:10;position:relative}
.top-section .text-wrap .butt-row .btn-prim:hover{transform:translateY(-2px);box-shadow:0 6px 20px #02d9c473}
.top-section .text-wrap .butt-row .btn-sec{padding:14px 32px;background:transparent;color:#02D9C4;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;border:2px solid #02D9C4;transition:all .3s ease;z-index:10;position:relative}
.top-section .text-wrap .butt-row .btn-sec:hover{background:#02d9c41a;transform:translateY(-2px)}
.program-grid{max-width:960px;margin:0 auto;padding:90px 20px;background:linear-gradient(168deg,#22305b66 0%,#02d9c414 100%)}
.program-grid h2{font-size:2.3rem;color:#FFF;margin:0 0 16px;text-align:center;font-weight:700}
.program-grid .subtitle{font-size:1.1rem;color:#94a3b8;text-align:center;margin:0 0 56px;line-height:1.6}
.program-grid .grid-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.program-grid .grid-wrap .card-item{background:#22305b80;padding:32px;border-radius:8px;border:1px solid #02d9c426;transition:all .3s ease}
.program-grid .grid-wrap .card-item:hover{border-color:#02d9c466;transform:translateY(-4px);box-shadow:0 8px 24px #02d9c433}
.program-grid .grid-wrap .card-item .icon-box{width:56px;height:56px;background:linear-gradient(135deg,#02d9c433,#22305b4d);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.program-grid .grid-wrap .card-item .icon-box i{font-size:28px;color:#02D9C4}
.program-grid .grid-wrap .card-item h3{font-size:1.35rem;color:#FFF;margin:0 0 14px;font-weight:600}
.program-grid .grid-wrap .card-item p{font-size:.98rem;color:#94a3b8;margin:0;line-height:1.6}
.steps-area{max-width:960px;margin:0 auto;padding:90px 20px}
.steps-area h2{font-size:2.3rem;color:#FFF;margin:0 0 52px;text-align:center;font-weight:700;position:relative}
.steps-area h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#02D9C4,#22305B)}
.steps-area .step-list{display:flex;flex-direction:column;gap:32px;position:relative}
.steps-area .step-list::before{content:'';position:absolute;left:30px;top:40px;bottom:40px;width:2px;background:linear-gradient(180deg,#02D9C4,#02d9c433)}
.steps-area .step-list .step-box{display:flex;gap:24px;position:relative}
.steps-area .step-list .step-box .num-holder{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#02D9C4,#01a99a);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#1a1a2e;z-index:2;box-shadow:0 4px 16px #02d9c466}
.steps-area .step-list .step-box .content-holder{flex:1;padding-top:8px}
.steps-area .step-list .step-box .content-holder h3{font-size:1.4rem;color:#FFF;margin:0 0 12px;font-weight:600}
.steps-area .step-list .step-box .content-holder p{font-size:1rem;color:#94a3b8;margin:0;line-height:1.6}
.testimonial-section{max-width:960px;margin:0 auto;padding:90px 20px;background:linear-gradient(215deg,#02d9c40f 0%,#22305b59 100%)}
.testimonial-section h2{font-size:2.3rem;color:#FFF;margin:0 0 56px;text-align:center;font-weight:700}
.testimonial-section .review-wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-section .review-wrap .review-card{background:#22305b66;padding:28px;border-radius:8px;border:1px solid #02d9c41f;display:flex;flex-direction:column;gap:20px}
.testimonial-section .review-wrap .review-card .profile-area{display:flex;align-items:center;gap:16px}
.testimonial-section .review-wrap .review-card .profile-area img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #02d9c44d}
.testimonial-section .review-wrap .review-card .profile-area .info{flex:1}
.testimonial-section .review-wrap .review-card .profile-area .info .name{font-size:1.05rem;color:#FFF;margin:0 0 4px;font-weight:600}
.testimonial-section .review-wrap .review-card .profile-area .info .role{font-size:.9rem;color:#02D9C4;margin:0}
.testimonial-section .review-wrap .review-card .quote-text{font-size:.98rem;color:#94a3b8;line-height:1.65;margin:0}
.testimonial-section .review-wrap .review-card .stars{display:flex;gap:4px}
.testimonial-section .review-wrap .review-card .stars i{color:#02D9C4;font-size:16px}
@media (max-width: 1366px) {
.top-section{padding:60px 20px}
.program-grid .grid-wrap{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.top-section .text-wrap h1{font-size:2rem}
.top-section .text-wrap .butt-row{flex-direction:column}
.top-section .text-wrap .butt-row .btn-prim,.top-section .text-wrap .butt-row .btn-sec{text-align:center;width:100%}
.program-grid .grid-wrap{grid-template-columns:1fr}
.program-grid h2,.steps-area h2,.testimonial-section h2{font-size:1.8rem}
.testimonial-section .review-wrap{grid-template-columns:1fr}
.bg-circles{width:300px;height:300px}
.steps-area .step-list::before{left:20px}
.steps-area .step-list .step-box .num-holder{width:48px;height:48px;font-size:1.2rem}
}
@media (max-width: 375px) {
.top-section{padding:40px 16px}
.program-grid,.steps-area,.testimonial-section{padding:60px 16px}
.top-section .text-wrap h1{font-size:1.7rem}
.top-section .text-wrap .intro-text{font-size:1rem}
}
.success-page{background:linear-gradient(158deg,#1a1f3a 0%,#0d1020 100%);min-height:100vh;padding:80px 20px;position:relative;overflow:hidden}
.success-page::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#02d9c414 0%,transparent 70%);border-radius:50%}
.success-page::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#22305b1f 0%,transparent 70%);border-radius:50%}
.wrap-success{max-width:960px;margin:0 auto;position:relative;z-index:2}
.msg-box{background:linear-gradient(135deg,#22305b66 0%,#0d102099 100%);border:1px solid #02d9c433;padding:60px 50px;position:relative;box-shadow:0 12px 40px #0000004d}
.msg-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#02D9C4 0%,#22305B 100%)}
.msg-box::after{content:'';position:absolute;top:12px;right:12px;width:6px;height:6px;background:#02D9C4;border-radius:50%;box-shadow:-20px 0 0 #02D9C4,-40px 0 0 #02d9c480 0 20px 0 #02d9c44d}
.corner-dot{position:absolute;width:8px;height:8px;background:#02d9c499;border-radius:50%}
.corner-dot.tl{top:12px;left:12px;box-shadow:12px 0 0 #02d9c44d 0 12px 0 #02d9c44d}
.corner-dot.bl{bottom:12px;left:12px;box-shadow:12px 0 0 #22305b80 0 -12px 0 #22305b80}
.corner-dot.br{bottom:12px;right:12px;box-shadow:-12px 0 0 #02d9c466 0 -12px 0 #02d9c466}
.check-icon-holder{text-align:center;margin-bottom:32px}
.check-symbol{display:inline-flex;align-items:center;justify-content:center;width:90px;height:90px;background:linear-gradient(135deg,#02d9c426 0%,#02d9c40d 100%);border:2px solid #02D9C4;border-radius:50%;position:relative;animation:iconPulse 2s ease-in-out infinite}
@keyframes iconPulse {
0%,100%{box-shadow:0 0 0 0 #02d9c466}
50%{box-shadow:0 0 0 15px #02d9c400}
}
.check-symbol::before{content:'';position:absolute;width:60px;height:60px;background:#02d9c41a;border-radius:50%}
.check-symbol .mdi{font-size:48px;color:#02D9C4;position:relative;z-index:1}
.msg-box .title-main{font-size:38px;font-weight:700;color:#FFF;margin:0 0 18px;text-align:center;line-height:1.2;position:relative}
.msg-box .title-main::after{content:'';display:block;width:80px;height:3px;background:linear-gradient(90deg,transparent 0%,#02D9C4 50%,transparent 100%);margin:20px auto 0}
.msg-box .desc-text{font-size:17px;line-height:1.65;color:#fffc;text-align:center;margin:0 0 28px;max-width:640px;margin-left:auto;margin-right:auto}
.info-content{background:#02d9c40f;border-left:3px solid #02D9C4;padding:24px 28px;margin:32px 0}
.info-content .info-title{font-size:16px;font-weight:600;color:#02D9C4;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.info-content .info-title .mdi{font-size:22px}
.info-content .info-text{font-size:15px;line-height:1.7;color:#ffffffbf;margin:0}
.next-steps-area{margin-top:42px;padding-top:32px;border-top:1px solid #02d9c426}
.steps-label{font-size:18px;font-weight:600;color:#FFF;margin:0 0 22px;text-align:center}
.step-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;list-style:none;padding:0;margin:0}
.step-list .step-thing{background:linear-gradient(135deg,#22305b4d 0%,#0d102066 100%);border:1px solid #02d9c41f;padding:22px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease;position:relative}
.step-list .step-thing:hover{border-color:#02d9c466;transform:translateY(-2px);box-shadow:0 6px 18px #02d9c41a}
.step-number{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#02D9C4 0%,#01b4a3 100%);color:#22305B;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}
.step-content .step-heading{font-size:15px;font-weight:600;color:#FFF;margin:0 0 6px}
.step-content .step-detail{font-size:14px;line-height:1.6;color:#ffffffb3;margin:0}
.action-holder{margin-top:40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.butt-prim{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#02D9C4 0%,#01a894 100%);color:#22305B;font-size:16px;font-weight:600;padding:16px 40px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #02d9c44d}
.butt-prim:hover{transform:translateY(-2px);box-shadow:0 6px 20px #02d9c473;background:linear-gradient(135deg,#01e8d1 0%,#02D9C4 100%)}
.butt-prim .mdi{font-size:20px}
.link-second{color:#02D9C4;font-size:15px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .3s ease}
.link-second:hover{color:#01e8d1;gap:10px}
.link-second .mdi{font-size:18px}
.contact-info-box{margin-top:36px;padding-top:28px;border-top:1px solid #ffffff14;text-align:center}
.contact-label{font-size:14px;color:#fff9;margin:0 0 14px}
.contact-ways{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.contact-item{display:inline-flex;align-items:center;gap:8px;color:#fffc;font-size:14px;text-decoration:none;transition:color .3s ease}
.contact-item:hover{color:#02D9C4}
.contact-item .mdi{font-size:18px;color:#02D9C4}
@media (max-width: 768px) {
.success-page{padding:50px 16px}
.msg-box{padding:40px 24px}
.msg-box .title-main{font-size:28px}
.check-symbol{width:75px;height:75px}
.check-symbol .mdi{font-size:38px}
.step-list{grid-template-columns:1fr}
.action-holder{width:100%}
.butt-prim{width:100%;justify-content:center}
.contact-ways{flex-direction:column;gap:12px}
}
@media (max-width: 375px) {
.msg-box .title-main{font-size:24px}
.msg-box .desc-text{font-size:16px}
.info-content{padding:18px 20px}
}