@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/400-italic.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/700.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/noto-serif@latest/700-italic.css";
html{scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'Noto Serif',serif;background:#f8f9fa;color:#1a1a1a;line-height:1.7}
.page-wrapper{max-width:1536px;margin:0 auto}
.top-header{background:linear-gradient(135deg,#000C49 0%,#001870 100%);padding:28px 0;position:relative;box-shadow:0 4px 16px #000c4926}
.header-container{max-width:1536px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:48px}
.logo-wrapper{flex-shrink:0;display:flex;align-items:center}
.logo-wrapper img{height:110px;width:110px;object-fit:contain;background:#fffffff2;padding:12px;border-radius:24px;box-shadow:0 6px 20px #02fff640}
.brand-identity{flex:1;text-align:center;padding:0 24px}
.brand-identity h1{font-size:2.8rem;font-weight:700;color:#02FFF6;margin:0 0 8px;text-shadow:0 2px 12px #02fff666;letter-spacing:.5px}
.brand-identity p{font-size:1.05rem;color:#ffffffe6;margin:0;font-style:italic}
.nav-wrapper{flex-shrink:0}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.main-navigation li{margin:0}
.main-navigation a{display:block;padding:14px 24px;color:#FFF;text-decoration:none;font-weight:400;font-size:1rem;border-radius:20px;background:#ffffff14;transition:all .25s ease;white-space:nowrap}
.main-navigation a:hover{background:#02fff626;color:#02FFF6}
.site-footer{background:linear-gradient(180deg,#000C49 0%,#000932 100%);padding:64px 0 32px;margin-top:80px;color:#ffffffd9}
.footer-container{max-width:1536px;margin:0 auto;padding:0 32px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;margin-bottom:48px}
.footer-section h3{color:#02FFF6;font-size:1.3rem;margin-bottom:20px;font-weight:700}
.footer-section ul{list-style:none;padding:0;margin:0}
.footer-section li{margin-bottom:12px}
.footer-section a{color:#fffc;text-decoration:none;transition:color .2s ease;font-size:1rem}
.footer-section a:hover{color:#02FFF6}
.footer-contact p{margin:8px 0;display:flex;align-items:center;gap:10px}
.footer-contact i{color:#02FFF6;font-size:1.1rem}
.footer-bottom{border-top:1px solid #02fff633;padding-top:28px;text-align:center;font-size:.95rem;color:#ffffffb3}
.cookie-popup{position:fixed;top:24px;left:24px;background:#FFF;border-radius:24px;box-shadow:0 12px 48px #000c4940;padding:32px;max-width:420px;z-index:10000;opacity:0;transform:translateY(-20px);transition:opacity .35s ease,transform .35s ease}
.cookie-popup[data-visible="true"]{opacity:1;transform:translateY(0)}
.cookie-popup h3{color:#000C49;font-size:1.4rem;margin:0 0 16px;font-weight:700}
.cookie-popup p{color:#4a4a4a;font-size:.95rem;line-height:1.6;margin-bottom:24px}
.cookie-actions{display:flex;gap:12px}
.cookie-btn{flex:1;padding:14px 24px;border:none;border-radius:16px;font-family:'Noto Serif',serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease}
.accept-btn{background:linear-gradient(135deg,#000C49,#001870);color:#FFF}
.accept-btn:hover{box-shadow:0 6px 20px #000c494d;transform:translateY(-2px)}
.decline-btn{background:#e8e8e8;color:#000C49}
.decline-btn:hover{background:#d4d4d4}
@media (max-width: 1024px) {
.header-container{flex-direction:column;gap:32px;text-align:center}
.brand-identity h1{font-size:2.2rem}
.main-navigation ul{justify-content:center}
.nav-wrapper{width:100%}
}
@media (max-width: 768px) {
.header-container{padding:0 20px}
.brand-identity h1{font-size:1.8rem}
.brand-identity p{font-size:.95rem}
.logo-wrapper img{height:80px;width:80px}
.main-navigation ul{flex-direction:column;gap:8px}
.main-navigation a{text-align:center}
.footer-grid{grid-template-columns:1fr;gap:32px}
.cookie-popup{left:16px;right:16px;max-width:none;padding:24px}
.cookie-actions{flex-direction:column}
}
@media (max-width: 480px) {
.brand-identity h1{font-size:1.5rem}
.main-navigation a{padding:12px 20px;font-size:.95rem}
}
.policy-section{max-width:1536px;margin:0 auto;padding:80px 24px;background:linear-gradient(to bottom,#FFF 0%,#F8F9FA 100%)}
.policy-section h1{font-size:48px;font-weight:700;color:#000C49;margin:0 0 48px;line-height:1.2;letter-spacing:-.02em}
.policy-section h2{font-size:36px;font-weight:700;color:#000C49;margin:64px 0 32px;line-height:1.3;letter-spacing:-.01em;padding-bottom:16px;border-bottom:3px solid #02FFF6}
.policy-section h3{font-size:28px;font-weight:600;color:#000C49;margin:48px 0 24px;line-height:1.4}
.policy-section h4{font-size:22px;font-weight:600;color:#1a2766;margin:36px 0 20px;line-height:1.5}
.policy-section h5{font-size:18px;font-weight:600;color:#2a3775;margin:28px 0 16px;line-height:1.5}
.policy-section h6{font-size:16px;font-weight:600;color:#3a4785;margin:24px 0 12px;line-height:1.6;text-transform:uppercase;letter-spacing:.05em}
.policy-section p{font-size:17px;line-height:1.8;color:#2c3e50;margin:0 0 24px;max-width:800px}
.policy-section strong,.policy-section b{font-weight:700;color:#000C49}
.policy-section em,.policy-section i{font-style:italic;color:#34495e}
.policy-section a{color:#000C49;text-decoration:none;border-bottom:2px solid #02FFF6;transition:all .3s ease;padding-bottom:2px}
.policy-section a:hover{color:#02FFF6;border-bottom-color:#000C49;background:#02fff61a}
.policy-section ul,.policy-section ol{margin:0 0 32px;padding-left:32px;max-width:800px}
.policy-section ul li,.policy-section ol li{font-size:17px;line-height:1.8;color:#2c3e50;margin-bottom:12px}
.policy-section ul li{list-style-type:none;position:relative;padding-left:24px}
.policy-section ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);border-radius:50%}
.policy-section ol li{padding-left:8px}
.policy-section table{width:100%;max-width:1200px;margin:48px 0;border-collapse:separate;border-spacing:0;background:#FFF;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #000c4914}
.policy-section thead{background:linear-gradient(135deg,#000C49 0%,#1a2766 100%)}
.policy-section thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:700;color:#FFF;text-transform:uppercase;letter-spacing:.05em;border-bottom:3px solid #02FFF6}
.policy-section tbody tr{border-bottom:1px solid #e1e8ed;transition:background .2s ease}
.policy-section tbody tr:hover{background:#02fff60d}
.policy-section tbody tr:last-child{border-bottom:none}
.policy-section tbody tr td{padding:18px 24px;font-size:16px;line-height:1.6;color:#2c3e50}
.policy-section tbody tr td strong,.policy-section tbody tr td b{color:#000C49;font-weight:600}
.policy-section div{margin:32px 0}
.policy-section blockquote{margin:40px 0;padding:32px 40px;background:linear-gradient(135deg,#02fff614 0%,#000c490a 100%);border-left:6px solid #02FFF6;border-radius:16px;max-width:800px}
.policy-section blockquote p{font-size:18px;color:#000C49;margin:0;font-style:italic}
.policy-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#02FFF6 50%,transparent 100%);margin:64px 0}
@media (max-width: 768px) {
.policy-section{padding:48px 20px}
.policy-section h1{font-size:36px;margin-bottom:32px}
.policy-section h2{font-size:28px;margin:48px 0 24px}
.policy-section h3{font-size:22px;margin:36px 0 20px}
.policy-section h4{font-size:19px;margin:28px 0 16px}
.policy-section p,.policy-section ul li,.policy-section ol li{font-size:16px}
.policy-section table{font-size:14px;border-radius:16px;margin:32px 0}
.policy-section thead tr th{padding:16px;font-size:14px}
.policy-section tbody tr td{padding:14px 16px;font-size:14px}
.policy-section blockquote{padding:24px;margin:32px 0}
.policy-section blockquote p{font-size:16px}
}
@media (max-width: 480px) {
.policy-section{padding:32px 16px}
.policy-section h1{font-size:28px}
.policy-section h2{font-size:24px}
.policy-section table{display:block;overflow-x:auto}
}
.title-wrap{max-width:1536px;margin:0 auto;padding:3.5rem 1.25rem 4rem;position:relative;overflow:hidden}
.title-wrap::before{content:'';position:absolute;top:-20%;left:-10%;width:45%;height:140%;background:radial-gradient(ellipse at center,#02fff614,transparent 70%);pointer-events:none;z-index:1}
.title-wrap::after{content:'';position:absolute;bottom:-15%;right:-8%;width:40%;height:120%;background:radial-gradient(ellipse at center,#000c490f,transparent 65%);pointer-events:none;z-index:1}
.hero-img-box{position:relative;width:100%;max-width:920px;margin:0 auto 2.75rem;border-radius:24px;overflow:hidden;box-shadow:0 8px 32px #000c491f;z-index:2}
.hero-img-box::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#000c4959);pointer-events:none;z-index:2}
.hero-img-box img{width:100%;height:auto;display:block;object-fit:cover}
.hero-text-area{max-width:860px;margin:0 auto;text-align:center;position:relative;z-index:2}
.hero-text-area h1{font-size:2.5rem;line-height:1.25;color:#000C49;margin:0 0 1.5rem;font-weight:700}
.hero-text-area h1 .accent-phrase{color:#02FFF6;position:relative;display:inline-block}
.hero-text-area h1 .accent-phrase::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#02FFF6,#02fff64d);border-radius:2px}
.hero-text-area p{font-size:1.125rem;line-height:1.7;color:#1a1a2e;margin:0 0 2.25rem}
.hero-btn-group{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}
.hero-btn-group a{display:inline-block;padding:.95rem 2.25rem;border-radius:28px;text-decoration:none;font-size:1.05rem;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.hero-btn-group a.btn-primary{background:linear-gradient(135deg,#000C49,#02185d);color:#FFF;box-shadow:0 4px 16px #000c4940}
.hero-btn-group a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #000c4959}
.hero-btn-group a.btn-secondary{background:#FFF;color:#000C49;border:2px solid #02FFF6;box-shadow:0 2px 12px #02fff633}
.hero-btn-group a.btn-secondary:hover{background:#02fff614;transform:translateY(-2px)}
.journey-section{max-width:1536px;margin:0 auto;padding:4.5rem 1.25rem;background:linear-gradient(165deg,#f8f9fa 0%,#fff 100%);position:relative}
.journey-section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#02FFF6,transparent)}
.journey-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:3.5rem;align-items:center}
.journey-content h2{font-size:2.25rem;line-height:1.3;color:#000C49;margin:0 0 1.75rem;font-weight:700}
.journey-content p{font-size:1.05rem;line-height:1.75;color:#2a2a3e;margin:0 0 1.5rem}
.journey-content p:last-of-type{margin-bottom:0}
.journey-img-container{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 48px #000c4926}
.journey-img-container img{width:100%;height:auto;display:block;object-fit:cover}
.approach-wrap{max-width:1536px;margin:0 auto;padding:5rem 1.25rem;background:#fff}
.approach-header{text-align:center;max-width:740px;margin:0 auto 4rem}
.approach-header h2{font-size:2.15rem;line-height:1.3;color:#000C49;margin:0 0 1.25rem;font-weight:700;position:relative;display:inline-block}
.approach-header h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#02FFF6;border-radius:2px}
.approach-header p{font-size:1.05rem;line-height:1.7;color:#3a3a4e}
.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.method-box{background:linear-gradient(145deg,#f9fafb,#fff);padding:2.5rem 2rem;border-radius:24px;border:1px solid #02fff626;position:relative;transition:all .35s ease}
.method-box::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#02FFF6,#000C49);border-radius:24px 0 0 24px;transition:height .35s ease}
.method-box:hover{transform:translateY(-6px);box-shadow:0 16px 48px #000c491f;border-color:#02FFF6}
.method-box:hover::before{height:100%}
.method-icon{width:64px;height:64px;margin:0 0 1.5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#02fff61f,#000c4914);border-radius:16px}
.method-icon svg{width:32px;height:32px;fill:#000C49}
.method-box h3{font-size:1.35rem;line-height:1.4;color:#000C49;margin:0 0 1rem;font-weight:700}
.method-box p{font-size:1rem;line-height:1.65;color:#4a4a5e;margin:0}
.team-section{max-width:1536px;margin:0 auto;padding:5rem 1.25rem;background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);position:relative}
.team-intro{max-width:820px;margin:0 auto 3.5rem;text-align:center}
.team-intro h2{font-size:2.15rem;line-height:1.3;color:#000C49;margin:0 0 1.25rem;font-weight:700}
.team-intro p{font-size:1.05rem;line-height:1.7;color:#3a3a4e}
.team-list{display:grid;grid-template-columns:repeat(3,1fr);gap:2.25rem}
.member-card{background:#fff;padding:2.25rem 1.85rem;border-radius:20px;border:2px solid transparent;box-shadow:0 4px 24px #000c4914;transition:all .3s ease;position:relative}
.member-card::after{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#02FFF6,#000C49);border-radius:20px;opacity:0;transition:opacity .3s ease;z-index:-1}
.member-card:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 12px 40px #000c4926}
.member-card:hover::after{opacity:1}
.member-header{margin:0 0 1.25rem}
.member-header h3{font-size:1.4rem;line-height:1.3;color:#000C49;margin:0 0 .5rem;font-weight:700}
.member-header .role{font-size:.95rem;color:#02FFF6;font-weight:600;display:block}
.member-card p{font-size:.975rem;line-height:1.65;color:#4a4a5e;margin:0}
.commitment-block{max-width:1536px;margin:0 auto;padding:5rem 1.25rem 5.5rem;background:linear-gradient(135deg,#000C49 0%,#02185d 100%);position:relative;overflow:hidden}
.commitment-block::before{content:'';position:absolute;top:-40%;right:-15%;width:600px;height:600px;background:radial-gradient(circle,#02fff626,transparent 60%);border-radius:50%;pointer-events:none}
.commitment-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;position:relative;z-index:2}
.commitment-text h2{font-size:2.25rem;line-height:1.3;color:#FFF;margin:0 0 1.75rem;font-weight:700}
.commitment-text p{font-size:1.05rem;line-height:1.75;color:#ffffffe6;margin:0 0 1.5rem}
.commitment-text p:last-of-type{margin-bottom:0}
.commitment-visual{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 16px 56px #0000004d}
.commitment-visual img{width:100%;height:auto;display:block;object-fit:cover}
@media (max-width: 1024px) {
.title-wrap{padding:2.5rem 1rem 3rem}
.hero-text-area h1{font-size:2rem}
.journey-grid{grid-template-columns:1fr;gap:2.5rem}
.method-cards{grid-template-columns:1fr;gap:1.75rem}
.team-list{grid-template-columns:1fr;gap:1.75rem}
.commitment-inner{grid-template-columns:1fr;gap:2.5rem}
}
@media (max-width: 768px) {
.hero-text-area h1{font-size:1.75rem}
.hero-btn-group{flex-direction:column;gap:1rem}
.hero-btn-group a{width:100%;text-align:center}
.approach-header h2,.team-intro h2,.commitment-text h2{font-size:1.85rem}
.method-box,.member-card{padding:2rem 1.5rem}
}
.title-wrap{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);padding:80px 24px;margin-bottom:0}
.title-wrap::before{content:'';position:absolute;width:480px;height:480px;border-radius:50%;border:2px dashed #ffffff26;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.title-wrap::after{content:'';position:absolute;width:680px;height:680px;border-radius:50%;border:1px solid #ffffff14;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}
.title-wrap .parallax-layer{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./campaign_images/05-bottom-050425.jpg);background-size:cover;background-position:center;opacity:.12;z-index:0}
.title-wrap .center-text{position:relative;z-index:2;text-align:center;max-width:580px}
.title-wrap .center-text h1{font-size:52px;line-height:1.2;color:#FFF;margin:0 0 18px;font-weight:700}
.title-wrap .center-text p{font-size:19px;line-height:1.6;color:#ffffffe6;margin:0}
.flow-section{max-width:1536px;margin:0 auto;padding:96px 24px;background:#FFF}
.flow-section .section-header{text-align:center;margin-bottom:64px}
.flow-section .section-header h2{font-size:38px;color:#000C49;margin:0 0 16px;font-weight:700}
.flow-section .section-header p{font-size:18px;color:#333;line-height:1.7;max-width:720px;margin:0 auto}
.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}
.flow-step{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:36px 28px;border-radius:24px;border:2px solid #e9ecef;transition:all .3s ease;position:relative}
.flow-step::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:24px;background:linear-gradient(135deg,#000C49,#02FFF6);opacity:0;transition:opacity .3s ease;z-index:-1}
.flow-step:hover::before{opacity:1}
.flow-step:hover{border-color:transparent;transform:translateY(-4px)}
.flow-step .step-number{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#000C49,#02FFF6);color:#FFF;border-radius:50%;text-align:center;line-height:48px;font-size:20px;font-weight:700;margin-bottom:20px}
.flow-step h3{font-size:22px;color:#000C49;margin:0 0 14px;font-weight:600}
.flow-step p{font-size:16px;color:#555;line-height:1.6;margin:0}
.trial-block{background:linear-gradient(135deg,#000C49 0%,#023e6d 100%);padding:96px 24px;position:relative;overflow:hidden}
.trial-block::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#02fff626 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.trial-block .container-data{max-width:1536px;margin:0 auto;position:relative;z-index:1}
.trial-block .dual-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.trial-block .text-side h2{font-size:40px;color:#FFF;margin:0 0 24px;font-weight:700}
.trial-block .text-side h2::after{content:'';display:block;width:80px;height:4px;background:#02FFF6;margin-top:16px;border-radius:2px}
.trial-block .text-side p{font-size:17px;color:#ffffffd9;line-height:1.7;margin:0 0 32px}
.trial-block .feature-list{list-style:none;padding:0;margin:0 0 36px}
.trial-block .feature-list li{font-size:16px;color:#FFF;padding:12px 0 12px 36px;position:relative;line-height:1.5}
.trial-block .feature-list li::before{content:'✓';position:absolute;left:0;color:#02FFF6;font-size:20px;font-weight:700}
.trial-block .image-side{position:relative}
.trial-block .image-side img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 48px #0000004d}
.trial-block .btn-start{display:inline-block;padding:16px 48px;background:#02FFF6;color:#000C49;font-size:17px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #02fff64d;border:none;cursor:pointer}
.trial-block .btn-start:hover{background:#FFF;transform:translateY(-2px);box-shadow:0 12px 32px #02fff666}
.social-mission{max-width:1536px;margin:0 auto;padding:96px 24px;background:#f8f9fa}
.social-mission .header-content{text-align:center;max-width:840px;margin:0 auto 64px}
.social-mission .header-content h2{font-size:38px;color:#000C49;margin:0 0 20px;font-weight:700}
.social-mission .header-content p{font-size:18px;color:#333;line-height:1.7;margin:0}
.social-mission .values-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px}
.value-card{background:#FFF;padding:40px 32px;border-radius:20px;border-left:4px solid #02FFF6;transition:all .3s ease;box-shadow:0 4px 16px #000c4914}
.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #000c4926;border-left-color:#000C49}
.value-card h3{font-size:24px;color:#000C49;margin:0 0 16px;font-weight:600}
.value-card p{font-size:16px;color:#555;line-height:1.6;margin:0}
.team-showcase{background:linear-gradient(180deg,#FFF 0%,#f0f4f8 100%);padding:96px 24px}
.team-showcase .wrapper{max-width:1536px;margin:0 auto}
.team-showcase .intro-text{text-align:center;margin-bottom:56px}
.team-showcase .intro-text h2{font-size:38px;color:#000C49;margin:0 0 18px;font-weight:700}
.team-showcase .intro-text p{font-size:18px;color:#333;line-height:1.7;max-width:780px;margin:0 auto}
.team-showcase .experts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:48px;margin-top:48px}
.expert-profile{background:#FFF;padding:44px 36px;border-radius:24px;text-align:center;box-shadow:0 8px 24px #000c491a;transition:all .3s ease;position:relative}
.expert-profile::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#000C49,#02FFF6);border-radius:24px 24px 0 0}
.expert-profile:hover{transform:translateY(-8px);box-shadow:0 16px 40px #000c492e}
.expert-profile .icon-wrapper{width:96px;height:96px;background:linear-gradient(135deg,#000C49,#02FFF6);border-radius:50%;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;font-size:48px;color:#FFF}
.expert-profile h3{font-size:26px;color:#000C49;margin:0 0 8px;font-weight:600}
.expert-profile .role{font-size:16px;color:#02FFF6;margin:0 0 20px;font-weight:500}
.expert-profile p{font-size:15px;color:#555;line-height:1.6;margin:0}
.pricing-segment{max-width:1536px;margin:0 auto;padding:96px 24px;background:#FFF}
.pricing-segment .segment-header{text-align:center;margin-bottom:64px}
.pricing-segment .segment-header h2{font-size:38px;color:#000C49;margin:0 0 18px;font-weight:700}
.pricing-segment .segment-header h2::before{content:'';display:block;width:60px;height:4px;background:#02FFF6;margin:0 auto 20px;border-radius:2px}
.pricing-segment .segment-header p{font-size:18px;color:#333;line-height:1.7;max-width:680px;margin:0 auto}
.pricing-segment .plan-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:36px;margin-top:48px}
.plan-box{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);padding:44px 32px;border-radius:24px;border:2px solid #e9ecef;transition:all .3s ease;display:flex;flex-direction:column;position:relative}
.plan-box.featured{border-color:#02FFF6;background:linear-gradient(145deg,#fff 0%,#f0fcff 100%)}
.plan-box.featured::after{content:'Populer';position:absolute;top:-12px;right:32px;background:#02FFF6;color:#000C49;padding:6px 20px;border-radius:16px;font-size:13px;font-weight:600}
.plan-box:hover{transform:translateY(-8px);box-shadow:0 16px 40px #000c4926;border-color:#000C49}
.plan-box h3{font-size:26px;color:#000C49;margin:0 0 12px;font-weight:600}
.plan-box .price{font-size:42px;color:#000C49;margin:0 0 8px;font-weight:700}
.plan-box .price-period{font-size:15px;color:#777;margin:0 0 24px}
.plan-box .feature-items{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}
.plan-box .feature-items li{font-size:15px;color:#555;padding:10px 0 10px 32px;position:relative;line-height:1.5}
.plan-box .feature-items li::before{content:'✓';position:absolute;left:0;color:#02FFF6;font-size:18px;font-weight:700}
.plan-box .btn-choose{display:block;padding:14px 28px;background:#000C49;color:#FFF;font-size:16px;font-weight:600;border-radius:24px;text-decoration:none;text-align:center;transition:all .3s ease;border:none;cursor:pointer}
.plan-box .btn-choose:hover{background:#02FFF6;color:#000C49;transform:scale(1.04)}
.plan-box.featured .btn-choose{background:#02FFF6;color:#000C49}
.plan-box.featured .btn-choose:hover{background:#000C49;color:#FFF}
.final-action{background:linear-gradient(135deg,#000C49 0%,#023e6d 100%);padding:80px 24px;text-align:center;position:relative;overflow:hidden}
.final-action::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#02fff633 0%,transparent 70%);bottom:-150px;left:-150px;border-radius:50%}
.final-action .inner-wrap{max-width:920px;margin:0 auto;position:relative;z-index:1}
.final-action h2{font-size:42px;color:#FFF;margin:0 0 20px;font-weight:700}
.final-action p{font-size:19px;color:#ffffffe6;line-height:1.7;margin:0 0 36px}
.final-action .action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.final-action .btn-primary{display:inline-block;padding:16px 48px;background:#02FFF6;color:#000C49;font-size:17px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #02fff64d;border:none;cursor:pointer}
.final-action .btn-primary:hover{background:#FFF;transform:translateY(-2px);box-shadow:0 12px 32px #02fff666}
.final-action .btn-secondary{display:inline-block;padding:16px 48px;background:transparent;color:#FFF;font-size:17px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;border:2px solid #FFF;cursor:pointer}
.final-action .btn-secondary:hover{background:#FFF;color:#000C49;transform:translateY(-2px)}
@media (max-width: 1024px) {
.title-wrap{min-height:520px;padding:64px 20px}
.title-wrap .center-text h1{font-size:42px}
.flow-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.trial-block .dual-layout{grid-template-columns:1fr;gap:48px}
.social-mission .values-wrapper{grid-template-columns:1fr;gap:28px}
.team-showcase .experts-grid{grid-template-columns:1fr;gap:32px}
.pricing-segment .plan-container{grid-template-columns:1fr;gap:28px}
.final-action .action-buttons{flex-direction:column;align-items:center}
}
@media (max-width: 768px) {
.title-wrap{min-height:460px;padding:48px 16px}
.title-wrap .center-text h1{font-size:34px}
.title-wrap .center-text p{font-size:17px}
.title-wrap::before{width:320px;height:320px}
.title-wrap::after{width:460px;height:460px}
.flow-section{padding:64px 16px}
.flow-section .section-header h2{font-size:32px}
.trial-block{padding:64px 16px}
.trial-block .text-side h2{font-size:32px}
.social-mission{padding:64px 16px}
.social-mission .header-content h2{font-size:32px}
.team-showcase{padding:64px 16px}
.team-showcase .intro-text h2{font-size:32px}
.pricing-segment{padding:64px 16px}
.pricing-segment .segment-header h2{font-size:32px}
.final-action{padding:64px 16px}
.final-action h2{font-size:34px}
.final-action p{font-size:17px}
.final-action .btn-primary,.final-action .btn-secondary{width:100%;max-width:320px}
}
.contact-hero{background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);padding:80px 20px;text-align:center;margin-bottom:60px}
.contact-hero .hero-wrap{max-width:900px;margin:0 auto}
.contact-hero h1{font-size:2.8rem;color:#FFF;margin:0 0 20px;line-height:1.2}
.contact-hero h1 .highlight-phrase{color:#02FFF6;background:#000c4966;padding:4px 12px;border-radius:8px;display:inline-block}
.contact-hero p{font-size:1.15rem;color:#FFF;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95}
.contact-content-wrap{max-width:1536px;margin:0 auto;padding:0 20px}
.contact-main-section{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-bottom:80px}
.info-panel{background:linear-gradient(160deg,#000C49 0%,#02FFF6 100%);padding:50px 40px;border-radius:24px;color:#FFF}
.info-panel h2{font-size:2rem;margin:0 0 30px;color:#FFF}
.info-panel .contact-item{margin-bottom:28px;display:flex;align-items:flex-start;gap:16px}
.info-panel .contact-item:last-child{margin-bottom:0}
.info-panel .contact-item i{font-size:1.5rem;color:#02FFF6;margin-top:2px;flex-shrink:0}
.info-panel .contact-item .data-group{flex:1}
.info-panel .contact-item h3{font-size:.95rem;margin:0 0 6px;opacity:.85;font-weight:500}
.info-panel .contact-item p{margin:0;font-size:1.1rem;line-height:1.5}
.info-panel .contact-item a{color:#FFF;text-decoration:none;transition:color .3s ease}
.info-panel .contact-item a:hover{color:#02FFF6}
.form-panel{background:#FFF;padding:50px 45px;border-radius:24px;box-shadow:0 8px 24px #000c491f}
.form-panel h2{font-size:2rem;margin:0 0 12px;color:#000C49}
.form-panel .form-subtitle{font-size:1.05rem;color:#555;margin:0 0 35px;line-height:1.5}
.form-panel form{display:flex;flex-direction:column;gap:24px}
.form-panel .field-group{display:flex;flex-direction:column;gap:8px}
.form-panel label{font-size:.95rem;font-weight:600;color:#000C49}
.form-panel input[type="text"],.form-panel input[type="email"],.form-panel input[type="tel"],.form-panel textarea,.form-panel select{padding:14px 18px;border:2px solid #e0e0e0;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#FFF;color:#333}
.form-panel input[type="text"]:focus,.form-panel input[type="email"]:focus,.form-panel input[type="tel"]:focus,.form-panel textarea:focus,.form-panel select:focus{border-color:#02FFF6;outline:none;box-shadow:0 0 0 3px #02fff626}
.form-panel textarea{min-height:140px;resize:vertical;font-family:inherit}
.form-panel select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23000C49' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;padding-right:40px}
.form-panel .field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-panel .checkbox-wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.form-panel input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#02FFF6}
.form-panel .checkbox-wrapper label{font-size:.9rem;font-weight:400;color:#555;cursor:pointer;line-height:1.5}
.form-panel .checkbox-wrapper label a{color:#000C49;text-decoration:underline;transition:color .3s ease}
.form-panel .checkbox-wrapper label a:hover{color:#02FFF6}
.form-panel button[type="submit"]{background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);color:#FFF;padding:16px 40px;border:none;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 16px #02fff64d}
.form-panel button[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 10px 24px #02fff666}
.form-panel button[type="submit"]:active{transform:translateY(0)}
.additional-paths{background:linear-gradient(90deg,#000c490d 0%,#02fff60d 100%);padding:60px 20px;border-radius:24px;margin-bottom:60px}
.additional-paths .paths-container{max-width:1200px;margin:0 auto}
.additional-paths h2{font-size:2rem;color:#000C49;text-align:center;margin:0 0 40px}
.additional-paths .path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.additional-paths .path-card{background:#FFF;padding:35px 30px;border-radius:20px;box-shadow:0 4px 16px #000c4914;text-align:center;transition:transform .3s ease,box-shadow .3s ease}
.additional-paths .path-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #02fff633}
.additional-paths .path-card i{font-size:2.5rem;color:#02FFF6;margin-bottom:18px;display:block}
.additional-paths .path-card h3{font-size:1.3rem;color:#000C49;margin:0 0 12px}
.additional-paths .path-card p{font-size:.95rem;color:#666;margin:0 0 22px;line-height:1.5}
.additional-paths .path-card a{display:inline-block;background:#000C49;color:#FFF;padding:10px 24px;border-radius:12px;text-decoration:none;font-weight:600;transition:background .3s ease,transform .2s ease}
.additional-paths .path-card a:hover{background:#02FFF6;color:#000C49;transform:scale(1.05)}
@media (max-width: 1024px) {
.contact-main-section{grid-template-columns:1fr;gap:40px}
.form-panel .field-row{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.contact-hero{padding:60px 20px}
.contact-hero h1{font-size:2rem}
.contact-hero p{font-size:1rem}
.info-panel,.form-panel{padding:35px 25px}
.info-panel h2,.form-panel h2{font-size:1.6rem}
.additional-paths .path-grid{grid-template-columns:1fr}
}
.hero-program{position:relative;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);padding:80px 20px 100px;overflow:hidden}
.hero-program::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#02fff626 0%,transparent 70%);border-radius:50%}
.hero-program::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#ffffff14 0%,transparent 70%);border-radius:50%}
.hero-program .wrap-content{max-width:1536px;margin:0 auto;position:relative;z-index:2}
.hero-program .title-main{font-size:3.2rem;color:#FFF;margin:0 0 24px;line-height:1.2}
.hero-program .title-main .highlight-word{position:relative;display:inline-block}
.hero-program .title-main .highlight-word::after{content:'';position:absolute;bottom:8px;left:0;width:100%;height:4px;background:#02FFF6;border-radius:4px}
.hero-program .desc-intro{font-size:1.25rem;color:#ffffffe6;max-width:720px;line-height:1.7;margin:0 0 48px}
.hero-program .img-container{position:relative;max-width:1200px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 16px 48px #0000004d 0 8px 16px #0003}
.hero-program .img-container::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#000c49b3 0%,transparent 100%);z-index:1}
.hero-program .img-container::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,#000c49b3 0%,transparent 100%);z-index:1}
.hero-program .img-container img{width:100%;height:auto;display:block;object-fit:cover}
.hero-program .light-accent{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,#02fff633 0%,transparent 70%);top:10%;right:15%;z-index:0}
.courses-grid{background:#FFF;padding:100px 20px}
.courses-grid .wrap-grid{max-width:1536px;margin:0 auto}
.courses-grid .section-header{text-align:center;margin-bottom:64px}
.courses-grid .section-header h2{font-size:2.5rem;color:#000C49;margin:0 0 16px;position:relative;display:inline-block}
.courses-grid .section-header h2::before{content:'';position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#000C49 0%,#02FFF6 100%);border-radius:4px}
.courses-grid .section-header p{font-size:1.125rem;color:#444;max-width:680px;margin:0 auto;line-height:1.6}
.courses-grid .grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.courses-grid .card-course{background:#FFF;border:2px solid #E8E8E8;border-radius:20px;padding:0;overflow:hidden;transition:all .3s ease;position:relative}
.courses-grid .card-course:hover{transform:translateY(-8px);box-shadow:0 12px 32px #000c4926;border-color:#02FFF6}
.courses-grid .card-course .card-icon{background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);padding:40px;text-align:center;position:relative}
.courses-grid .card-course .card-icon i{font-size:3.5rem;color:#FFF}
.courses-grid .card-course .card-body{padding:32px 28px}
.courses-grid .card-course h3{font-size:1.5rem;color:#000C49;margin:0 0 16px}
.courses-grid .card-course .card-desc{font-size:1rem;color:#666;line-height:1.65;margin:0 0 20px}
.courses-grid .card-course .stats-row{display:flex;gap:16px;margin-bottom:20px;padding-top:20px;border-top:1px solid #E8E8E8}
.courses-grid .card-course .stat-item{flex:1;text-align:center}
.courses-grid .card-course .stat-value{display:block;font-size:1.75rem;font-weight:700;color:#02FFF6;margin-bottom:4px}
.courses-grid .card-course .stat-label{font-size:.875rem;color:#888}
.courses-grid .card-course .level-badge{display:inline-block;padding:6px 16px;background:#02fff61a;color:#000C49;border-radius:16px;font-size:.875rem;font-weight:600}
.courses-grid .testimonial-box{background:linear-gradient(135deg,#000C49 0%,#024949 100%);border-radius:28px;padding:56px 48px;margin-top:48px;position:relative;overflow:hidden}
.courses-grid .testimonial-box::before{content:'"';position:absolute;top:20px;left:40px;font-size:120px;color:#02fff61a;line-height:1;font-family:serif}
.courses-grid .testimonial-box .quote-content{position:relative;z-index:1}
.courses-grid .testimonial-box .quote-text{font-size:1.25rem;color:#FFF;line-height:1.7;margin:0 0 28px;font-style:italic}
.courses-grid .testimonial-box .author-info{display:flex;align-items:center;gap:16px}
.courses-grid .testimonial-box .author-avatar{width:64px;height:64px;background:linear-gradient(135deg,#02FFF6 0%,#FFF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#000C49}
.courses-grid .testimonial-box .author-details h4{font-size:1.125rem;color:#02FFF6;margin:0 0 4px}
.courses-grid .testimonial-box .author-details p{font-size:.9375rem;color:#ffffffb3;margin:0}
.courses-grid .cta-box{text-align:center;margin-top:64px}
.courses-grid .btn-enroll{display:inline-block;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);color:#FFF;padding:18px 48px;border-radius:28px;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #02fff64d;position:relative;z-index:10}
.courses-grid .btn-enroll:hover{transform:translateY(-3px);box-shadow:0 12px 32px #02fff666}
@media (max-width: 1024px) {
.courses-grid .grid-layout{grid-template-columns:repeat(2,1fr)}
.hero-program .title-main{font-size:2.5rem}
}
@media (max-width: 768px) {
.courses-grid .grid-layout{grid-template-columns:1fr}
.hero-program{padding:60px 20px 80px}
.hero-program .title-main{font-size:2rem}
.hero-program .desc-intro{font-size:1.125rem}
.courses-grid{padding:60px 20px}
.courses-grid .section-header h2{font-size:2rem}
.courses-grid .testimonial-box{padding:40px 28px}
.courses-grid .testimonial-box .quote-text{font-size:1.125rem}
}
.title-container{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.title-container::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);opacity:.92;z-index:1}
.title-container::after{content:'';position:absolute;width:600px;height:600px;border:2px solid #02fff61f;border-radius:50%;z-index:2}
.title-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}
.title-center{position:relative;z-index:3;text-align:center;max-width:680px;padding:0 24px}
.title-center h1{font-size:3.2rem;color:#FFF;margin:0 0 20px;line-height:1.2;font-weight:700}
.title-center p{font-size:1.25rem;color:#ffffffe6;line-height:1.6;margin:0}
.pattern-deco{position:absolute;top:40px;right:80px;width:120px;height:120px;z-index:2;opacity:.06}
.pattern-deco svg{width:100%;height:100%}
.tips-narrative{max-width:1536px;margin:0 auto 100px;padding:0 24px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start}
.tip-visual{position:sticky;top:40px}
.tip-visual img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 32px #000c4926;object-fit:cover}
.tip-story-wrap{display:flex;flex-direction:column;gap:48px}
.story-segment{background:linear-gradient(145deg,#02fff60a,#000c4905);padding:40px;border-radius:20px;border-left:4px solid #02FFF6}
.story-segment h2{font-size:1.75rem;color:#000C49;margin:0 0 16px;font-weight:600}
.story-segment p{font-size:1.05rem;color:#333;line-height:1.7;margin:0 0 14px}
.story-segment p:last-child{margin:0}
.insight-marker{display:inline-block;background:#02FFF6;color:#000C49;padding:4px 12px;border-radius:8px;font-size:.9rem;font-weight:600;margin-bottom:12px}
.practice-hub{max-width:1536px;margin:0 auto;padding:80px 24px;background:radial-gradient(circle at top right,#02fff614,transparent 60%),radial-gradient(circle at bottom left,#000c490f,transparent 60%)}
.practice-intro{text-align:center;max-width:720px;margin:0 auto 60px}
.practice-intro h2{font-size:2.5rem;color:#000C49;margin:0 0 20px;font-weight:700}
.practice-intro p{font-size:1.15rem;color:#444;line-height:1.6;margin:0}
.technique-display{display:flex;flex-direction:column;gap:32px}
.tech-card{background:#FFF;border-radius:24px;padding:40px;box-shadow:0 6px 24px #000c4914;display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:start;transition:transform 0.3s,box-shadow .3s}
.tech-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #000c4924}
.tech-icon-box{width:80px;height:80px;background:linear-gradient(135deg,#000C49,#02FFF6);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tech-icon-box svg{width:40px;height:40px}
.tech-content h3{font-size:1.6rem;color:#000C49;margin:0 0 16px;font-weight:600}
.tech-content p{font-size:1.05rem;color:#555;line-height:1.7;margin:0 0 20px}
.practical-steps{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.step-item{display:flex;gap:16px;align-items:start}
.step-num{width:32px;height:32px;background:#02FFF6;color:#000C49;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}
.step-text{flex:1;font-size:1rem;color:#444;line-height:1.6;padding-top:4px}
@media (max-width: 1200px) {
.tips-narrative{grid-template-columns:1fr;gap:48px}
.tip-visual{position:relative;top:0}
}
@media (max-width: 768px) {
.title-center h1{font-size:2.2rem}
.title-center p{font-size:1.1rem}
.title-container::after{width:400px;height:400px}
.pattern-deco{display:none}
.story-segment{padding:28px}
.story-segment h2{font-size:1.5rem}
.practice-intro h2{font-size:2rem}
.tech-card{grid-template-columns:1fr;gap:24px;padding:32px}
.tech-icon-box{margin:0 auto}
.tech-content{text-align:center}
}
@media (max-width: 480px) {
.title-container{min-height:420px}
.title-center h1{font-size:1.8rem}
.title-center p{font-size:1rem}
.tips-narrative{margin-bottom:60px}
.story-segment{padding:24px}
.practice-hub{padding:60px 20px}
.tech-card{padding:24px}
}
.confirmation-hero{background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);padding:120px 24px 80px;text-align:center;position:relative;overflow:hidden}
.confirmation-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#02fff61a 0%,transparent 70%);animation:pulse-wave 8s ease-in-out infinite}
@keyframes pulse-wave {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.2) rotate(180deg)}
}
.confirmation-hero::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:#FFF;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%)}
.success-icon-wrapper{position:relative;z-index:2;display:inline-block;margin-bottom:32px}
.success-checkmark{width:120px;height:120px;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 48px #000c494d;animation:bounce-in .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
@keyframes bounce-in {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.success-checkmark svg{width:64px;height:64px;stroke:#000C49;stroke-width:4;fill:none;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .8s ease-out .3s forwards;stroke-dasharray:100;stroke-dashoffset:100}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.hero-content-box{position:relative;z-index:2;max-width:720px;margin:0 auto}
.hero-content-box h1{color:#FFF;font-size:3rem;margin:0 0 24px;font-weight:700;line-height:1.2;text-shadow:0 2px 12px #00000026}
.hero-content-box p{color:#fffffff2;font-size:1.25rem;line-height:1.7;margin:0}
.details-section{max-width:1536px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.info-card{background:#FFF;border:2px solid #000C49;border-radius:24px;padding:48px;position:relative;box-shadow:0 4px 24px #000c4914;transition:transform .3s ease,box-shadow .3s ease}
.info-card:hover{transform:translateY(-4px);box-shadow:0 12px 36px #000c491f}
.info-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#02FFF6 0%,#000C49 100%);border-radius:24px 0 0 24px}
.card-icon{width:56px;height:56px;background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.card-icon svg{width:32px;height:32px;stroke:#FFF;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.info-card h2{color:#000C49;font-size:1.75rem;margin:0 0 16px;font-weight:700}
.info-card p{color:#333;font-size:1.0625rem;line-height:1.7;margin:0 0 24px}
.info-card p:last-of-type{margin-bottom:0}
.next-steps-list{list-style:none;padding:0;margin:24px 0 0}
.next-steps-list li{padding:16px 0 16px 48px;position:relative;color:#333;font-size:1.0625rem;line-height:1.6;border-bottom:1px solid #000c491a}
.next-steps-list li:last-child{border-bottom:none}
.next-steps-list li::before{content:'';position:absolute;left:0;top:20px;width:32px;height:32px;background:linear-gradient(135deg,#02FFF6 0%,#000C49 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.next-steps-list li::after{content:'→';position:absolute;left:10px;top:20px;color:#FFF;font-size:1.125rem;font-weight:700}
.contact-info-grid{display:grid;gap:16px;margin-top:24px}
.contact-method{display:flex;align-items:center;gap:16px;padding:16px;background:#02fff60d;border-radius:16px;transition:background .3s ease}
.contact-method:hover{background:#02fff61a}
.contact-method-icon{width:48px;height:48px;background:#000C49;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-method-icon svg{width:24px;height:24px;stroke:#02FFF6;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.contact-method-info{flex:1}
.contact-method-label{display:block;color:#666;font-size:.875rem;margin-bottom:4px}
.contact-method-value{display:block;color:#000C49;font-size:1.0625rem;font-weight:600}
.action-buttons{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}
.btn-primary{background:linear-gradient(135deg,#000C49 0%,#02FFF6 100%);color:#FFF;padding:16px 32px;border-radius:16px;text-decoration:none;font-weight:600;font-size:1.0625rem;display:inline-flex;align-items:center;gap:12px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #000c4933;border:none;cursor:pointer}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #000c494d}
.btn-secondary{background:#FFF;color:#000C49;padding:16px 32px;border-radius:16px;text-decoration:none;font-weight:600;font-size:1.0625rem;display:inline-flex;align-items:center;gap:12px;transition:transform .3s ease,box-shadow .3s ease;border:2px solid #000C49;cursor:pointer}
.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #000c4926}
@media (max-width: 1024px) {
.details-section{grid-template-columns:1fr;gap:32px;padding:60px 24px}
.confirmation-hero h1{font-size:2.5rem}
}
@media (max-width: 768px) {
.confirmation-hero{padding:80px 20px 60px}
.confirmation-hero h1{font-size:2rem}
.hero-content-box p{font-size:1.125rem}
.success-checkmark{width:100px;height:100px}
.success-checkmark svg{width:54px;height:54px}
.info-card{padding:32px 24px}
.action-buttons{flex-direction:column}
.btn-primary,.btn-secondary{width:100%;justify-content:center}
.details-section{padding:48px 20px}
}