html{box-sizing:border-box;font-size:16px}
body{margin:0;padding:0;font-family:'Oxygen',sans-serif;background:linear-gradient(137deg,#FFFFF8 0%,#f8f4ff 100%);color:#2a2a2a;line-height:1.6}
*{box-sizing:inherit}
.SiteHeader{background:linear-gradient(162deg,#FFFFF8 0%,#6f06c308 100%);border-bottom:2px solid #6f06c31a;padding:18px 0}
.SiteHeader .HeaderWrap{max-width:1600px;margin:0 auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.SiteHeader .LogoBox{flex-shrink:0}
.SiteHeader .LogoLink{display:block;width:90px;height:90px}
.SiteHeader .LogoImg{width:100%;height:100%;object-fit:contain;background:#fff9;border-radius:28px;padding:8px;box-shadow:0 3px 8px #6f06c31f}
.SiteHeader .CompanyIdentity{flex-grow:1;text-align:center}
.SiteHeader .CompanyTitle{font-size:28px;font-weight:700;color:#6F06C3;letter-spacing:-.5px}
.SiteHeader .MainNavigation{display:flex;gap:32px;flex-shrink:0}
.SiteHeader .NavLink{color:#2a2a2a;text-decoration:none;font-size:16px;font-weight:400;padding:10px 0;position:relative;transition:color .2s ease}
.SiteHeader .NavLink:hover{color:#6F06C3;border-bottom:2px solid #00B9ED}
.SiteFooter{background:linear-gradient(148deg,#f5f0ff 0%,#FFFFF8 100%);border-top:2px solid #6f06c31a;padding:60px 0 30px;margin-top:80px}
.SiteFooter .FooterContent{max-width:1600px;margin:0 auto;padding:0 30px}
.SiteFooter .FooterGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:50px}
.SiteFooter .FooterHeading{font-size:24px;font-weight:700;color:#6F06C3;margin:0 0 16px}
.SiteFooter .FooterSubtitle{font-size:18px;font-weight:700;color:#2a2a2a;margin:0 0 14px}
.SiteFooter .FooterText{font-size:15px;color:#555;margin:0;line-height:1.7}
.SiteFooter .FooterDetail{font-size:15px;color:#555;margin:0 0 10px;line-height:1.6}
.SiteFooter .FooterContact{color:#00B9ED;text-decoration:none;transition:color .2s ease}
.SiteFooter .FooterContact:hover{color:#6F06C3;border-bottom:1px solid #6F06C3}
.SiteFooter .FooterNav{display:flex;flex-direction:column;gap:10px}
.SiteFooter .FooterLink{color:#555;text-decoration:none;font-size:15px;transition:color .2s ease}
.SiteFooter .FooterLink:hover{color:#6F06C3;border-left:3px solid #00B9ED;padding-left:8px}
.SiteFooter .CopyrightSection{border-top:1px solid #6f06c326;padding-top:24px;text-align:center}
.SiteFooter .CopyrightText{font-size:14px;color:#777;margin:0}
.ConsentPanel{position:fixed;top:0;left:50%;transform:translateX(-50%) translateY(-100%);width:420px;max-width:90%;background:#FFFFF8;border-radius:32px;box-shadow:0 6px 24px #6f06c333;z-index:9999;transition:transform .4s ease}
.ConsentPanel[data-consent-state="visible"]{transform:translateX(-50%) translateY(20px)}
.ConsentPanel[data-consent-state="hidden"]{transform:translateX(-50%) translateY(-100%);pointer-events:none}
.ConsentPanel .PanelInner{padding:32px}
.ConsentPanel .PanelTitle{font-size:22px;font-weight:700;color:#6F06C3;margin:0 0 14px}
.ConsentPanel .PanelDescription{font-size:14px;color:#555;margin:0 0 24px;line-height:1.6}
.ConsentPanel .SettingsGroup{margin-bottom:24px}
.ConsentPanel .ToggleRow{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #6f06c31a}
.ConsentPanel .ToggleLabel{display:flex;align-items:center;gap:10px;font-size:15px;color:#2a2a2a}
.ConsentPanel .RequiredBadge{font-size:11px;background:#00B9ED;color:#FFFFF8;padding:3px 10px;border-radius:20px;font-weight:700}
.ConsentPanel .ToggleSwitch{width:50px;height:26px;appearance:none;background:#ddd;border-radius:30px;position:relative;cursor:pointer;transition:background .3s ease}
.ConsentPanel .ToggleSwitch:checked{background:#6F06C3}
.ConsentPanel .ToggleSwitch::before{content:'';position:absolute;width:20px;height:20px;background:#FFFFF8;border-radius:50%;top:3px;left:3px;transition:left .3s ease}
.ConsentPanel .ToggleSwitch:checked::before{left:27px}
.ConsentPanel .ToggleSwitch:disabled{cursor:not-allowed;opacity:.6}
.ConsentPanel .OptoutNotice{background:#00b9ed14;padding:18px;border-radius:24px;margin-bottom:24px}
.ConsentPanel .NoticeText{font-size:14px;font-weight:700;color:#2a2a2a;margin:0 0 10px}
.ConsentPanel .OptoutToggle{display:flex;align-items:center;gap:10px;cursor:pointer}
.ConsentPanel .OptoutLabel{font-size:14px;color:#555}
.ConsentPanel .ButtonGroup{display:flex;gap:12px}
.ConsentPanel .AcceptBtn,.ConsentPanel .DeclineBtn{flex:1;padding:14px 20px;border:none;border-radius:50px;font-size:15px;font-weight:700;font-family:'Oxygen',sans-serif;cursor:pointer;transition:all .2s ease}
.ConsentPanel .AcceptBtn{background:linear-gradient(135deg,#6F06C3 0%,#8a2be2 100%);color:#FFFFF8}
.ConsentPanel .AcceptBtn:hover{background:linear-gradient(135deg,#5a0599 0%,#6F06C3 100%);box-shadow:0 4px 12px #6f06c34d}
.ConsentPanel .DeclineBtn{background:#FFFFF8;color:#6F06C3;border:2px solid #6F06C3}
.ConsentPanel .DeclineBtn:hover{background:#6f06c30d;border-color:#00B9ED}
@media (max-width: 968px) {
.SiteHeader .HeaderWrap{flex-wrap:wrap;justify-content:center;gap:20px}
.SiteHeader .LogoBox{order:1;width:100%;text-align:center}
.SiteHeader .CompanyIdentity{order:2;width:100%}
.SiteHeader .MainNavigation{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:16px}
.SiteFooter .FooterGrid{grid-template-columns:1fr;gap:35px}
.ConsentPanel{width:95%}
.ConsentPanel .PanelInner{padding:24px}
.ConsentPanel .ButtonGroup{flex-direction:column}
}
@media (max-width: 480px) {
.SiteHeader .CompanyTitle{font-size:22px}
.SiteHeader .MainNavigation{gap:12px}
.SiteHeader .NavLink{font-size:14px}
}
.yo-terms-text{max-width:1600px;margin:0 auto;padding:80px 40px;background:linear-gradient(135deg,#FFFFF8 0%,#6f06c305 100%)}
.yo-terms-text h1{font-size:3.5rem;font-weight:700;color:#6F06C3;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em}
.yo-terms-text h2{font-size:2.25rem;font-weight:700;color:#6F06C3;margin:56px 0 20px;line-height:1.3;border-bottom:3px solid #00B9ED;padding-bottom:12px}
.yo-terms-text h3{font-size:1.75rem;font-weight:600;color:#6F06C3;margin:40px 0 16px;line-height:1.4}
.yo-terms-text h4{font-size:1.375rem;font-weight:600;color:#6F06C3;margin:32px 0 14px;line-height:1.4}
.yo-terms-text h5{font-size:1.125rem;font-weight:600;color:#6F06C3;margin:28px 0 12px;line-height:1.5}
.yo-terms-text h6{font-size:1rem;font-weight:600;color:#6F06C3;margin:24px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.yo-terms-text p{font-size:1.0625rem;line-height:1.8;color:#1a1a1a;margin:0 0 20px}
.yo-terms-text ul{margin:0 0 24px;padding:0 0 0 32px;list-style:none}
.yo-terms-text ul li{font-size:1.0625rem;line-height:1.8;color:#1a1a1a;margin:0 0 12px;padding-left:16px;position:relative}
.yo-terms-text ul li::before{content:'';position:absolute;left:-16px;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);border-radius:50%}
.yo-terms-text ol{margin:0 0 24px;padding:0 0 0 32px;list-style:none;counter-reset:policy-counter}
.yo-terms-text ol li{font-size:1.0625rem;line-height:1.8;color:#1a1a1a;margin:0 0 12px;padding-left:16px;position:relative;counter-increment:policy-counter}
.yo-terms-text ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;font-weight:700;color:#6F06C3}
.yo-terms-text strong,.yo-terms-text b{font-weight:700;color:#6F06C3}
.yo-terms-text em,.yo-terms-text i{font-style:italic;color:#00B9ED}
.yo-terms-text table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;background:#FFFFF8;border-radius:24px;overflow:hidden;box-shadow:0 4px 2px #6f06c314}
.yo-terms-text thead{background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%)}
.yo-terms-text thead tr th{padding:20px 24px;text-align:left;font-size:1.0625rem;font-weight:700;color:#FFFFF8;line-height:1.5}
.yo-terms-text tbody tr{border-bottom:2px solid #6f06c314}
.yo-terms-text tbody tr:last-child{border-bottom:none}
.yo-terms-text tbody tr:hover{background:#00b9ed0a}
.yo-terms-text tbody tr td{padding:18px 24px;font-size:1.0625rem;line-height:1.7;color:#1a1a1a}
.yo-terms-text th{font-weight:700}
.yo-terms-text td{font-weight:400}
.yo-terms-text hr{border:none;height:3px;background:linear-gradient(90deg,#6F06C3 0%,#00B9ED 50%,#6F06C3 100%);margin:48px 0;border-radius:30px}
@media (max-width: 1024px) {
.yo-terms-text{padding:60px 32px}
.yo-terms-text h1{font-size:2.75rem}
.yo-terms-text h2{font-size:2rem;margin:48px 0 18px}
.yo-terms-text h3{font-size:1.5rem}
.yo-terms-text table{font-size:.9375rem}
.yo-terms-text thead tr th,.yo-terms-text tbody tr td{padding:16px 18px}
}
@media (max-width: 768px) {
.yo-terms-text{padding:48px 24px}
.yo-terms-text h1{font-size:2.25rem;margin:0 0 20px}
.yo-terms-text h2{font-size:1.75rem;margin:40px 0 16px}
.yo-terms-text h3{font-size:1.375rem}
.yo-terms-text h4{font-size:1.25rem}
.yo-terms-text p,.yo-terms-text ul li,.yo-terms-text ol li{font-size:1rem;line-height:1.75}
.yo-terms-text ul,.yo-terms-text ol{padding:0 0 0 24px}
.yo-terms-text table{display:block;overflow-x:auto;border-radius:20px}
.yo-terms-text thead tr th,.yo-terms-text tbody tr td{padding:14px 16px;font-size:.875rem;white-space:nowrap}
.yo-terms-text hr{margin:36px 0}
}
@media (max-width: 480px) {
.yo-terms-text{padding:40px 20px}
.yo-terms-text h1{font-size:1.875rem}
.yo-terms-text h2{font-size:1.5rem;margin:32px 0 14px}
.yo-terms-text ul,.yo-terms-text ol{padding:0 0 0 20px}
.yo-terms-text thead tr th,.yo-terms-text tbody tr td{padding:12px 14px}
}
.PageContainer{max-width:1600px;margin:0 auto;width:100%}
.TitleSection{position:relative;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);overflow:hidden;padding:0;margin-bottom:80px}
.TitleSection__ImageContainer{position:relative;width:100%;height:580px;overflow:hidden}
.TitleSection__ImageContainer::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,#6f06c366 100%);pointer-events:none}
.TitleSection__Image{width:100%;height:100%;object-fit:cover;object-position:center}
.TitleSection__Overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00b9ed1a 0%,#6f06c34d 100%);display:flex;align-items:center;justify-content:center;padding:40px 20px}
.TitleSection__Content{max-width:920px;text-align:center;z-index:2}
.TitleSection__PreHeading{font-size:18px;color:#FFFFF8;margin:0 0 16px;font-weight:400;letter-spacing:.5px;opacity:.95}
.TitleSection__Heading{font-size:64px;color:#FFFFF8;margin:0 0 24px;font-weight:700;line-height:1.1;text-shadow:0 4px 12px #0000004d}
.TitleSection__Description{font-size:22px;color:#FFFFF8;margin:0;font-weight:300;line-height:1.5;opacity:.98}
.ProcessContent{padding:60px 20px 100px;background:linear-gradient(280deg,#FFFFF8 0%,#00b9ed14 100%)}
.ProcessContent__Inner{max-width:1400px;margin:0 auto}
.ProcessContent__Header{text-align:center;margin-bottom:70px}
.ProcessContent__Header h2{font-size:46px;color:#6F06C3;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.ProcessContent__Header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#6F06C3 0%,#00B9ED 100%);border-radius:30px}
.ProcessContent__Header p{font-size:19px;color:#444;margin:28px auto 0;max-width:780px;line-height:1.7}
.StepsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}
.StepCard{background:#FFFFF8;border-radius:32px;padding:45px 35px;box-shadow:0 6px 0 #6f06c31f;transition:all .3s ease;border:2px solid transparent;position:relative}
.StepCard:hover{transform:translateY(-4px);box-shadow:0 10px 0 #00b9ed2e;border-color:#00B9ED}
.StepCard__Number{width:70px;height:70px;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#FFFFF8;margin-bottom:24px;box-shadow:0 4px 0 #6f06c333}
.StepCard h3{font-size:26px;color:#6F06C3;margin:0 0 16px;font-weight:600}
.StepCard p{font-size:17px;color:#555;margin:0;line-height:1.65}
.DetailSection{padding:90px 20px;background:#FFFFF8}
.DetailSection__Container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.DetailSection__Visual{position:relative}
.DetailSection__ImageWrapper{border-radius:40px;overflow:hidden;box-shadow:0 8px 0 #00b9ed26;position:relative}
.DetailSection__ImageWrapper::before{content:'';position:absolute;inset:0;background:linear-gradient(225deg,#6f06c326 0%,transparent 60%);z-index:1;pointer-events:none}
.DetailSection__Visual img{width:100%;height:auto;display:block}
.DetailSection__Content h2{font-size:42px;color:#6F06C3;margin:0 0 28px;font-weight:700;line-height:1.2}
.DetailSection__Content p{font-size:18px;color:#444;margin:0 0 24px;line-height:1.75}
.FeatureList{margin-top:35px;display:flex;flex-direction:column;gap:20px}
.FeatureList__Item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(120deg,#00b9ed0f 0%,#6f06c30a 100%);border-radius:24px;border:2px solid transparent;transition:all .3s ease}
.FeatureList__Item:hover{border-color:#00B9ED;background:linear-gradient(120deg,#00b9ed1a 0%,#6f06c314 100%)}
.FeatureList__Icon{width:50px;height:50px;flex-shrink:0}
.FeatureList__Icon svg{width:100%;height:100%}
.FeatureList__Text{flex:1}
.FeatureList__Text strong{display:block;font-size:19px;color:#6F06C3;margin-bottom:6px;font-weight:600}
.FeatureList__Text span{font-size:16px;color:#555;line-height:1.6}
@media (max-width: 968px) {
.TitleSection__Heading{font-size:48px}
.TitleSection__Description{font-size:19px}
.ProcessContent__Header h2{font-size:38px}
.DetailSection__Container{grid-template-columns:1fr;gap:50px}
.StepsGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.TitleSection__ImageContainer{height:450px}
.TitleSection__Heading{font-size:36px}
.TitleSection__Description{font-size:17px}
.ProcessContent{padding:40px 20px 60px}
.ProcessContent__Header h2{font-size:32px}
.ProcessContent__Header p{font-size:17px}
.StepCard{padding:35px 25px}
.DetailSection{padding:60px 20px}
.DetailSection__Content h2{font-size:34px}
.DetailSection__Content p{font-size:16px}
}
.HeroWrapper{background:linear-gradient(142deg,#6F06C3 0%,#00B9ED 100%);padding:5rem 1.5rem;position:relative;overflow:hidden}
.HeroWrapper::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(142deg,transparent 30%,#fffff814 50%,transparent 70%);animation:slowshift 15s ease-in-out infinite}
@keyframes slowshift {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20%,20%)}
}
.HeroWrapper .content-holder{max-width:1600px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.HeroWrapper .lead-text h1{font-size:3rem;line-height:1.15;color:#FFFFF8;margin-bottom:1.5rem;font-weight:700}
.HeroWrapper .lead-text p{font-size:1.25rem;line-height:1.6;color:#fffff8f2;margin-bottom:2rem}
.HeroWrapper .visual-accent{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 6px 0 #0000004d}
.HeroWrapper .visual-accent img{width:100%;height:auto;display:block;object-fit:cover}
.ClientExperience{background:#FFFFF8;padding:5rem 1.5rem}
.ClientExperience .container-data{max-width:1600px;margin:0 auto}
.ClientExperience h2{font-size:2.5rem;color:#6F06C3;margin-bottom:3rem;text-align:center;position:relative;font-weight:700}
.ClientExperience h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#6F06C3,#00B9ED);margin:1rem auto 0;border-radius:30px}
.ClientExperience .grid-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}
.ClientExperience .achievement-card{background:linear-gradient(135deg,#6f06c308 0%,#00b9ed08 100%);padding:2.5rem;border-radius:28px;border:2px solid #6f06c31a;position:relative;transition:all .3s ease}
.ClientExperience .achievement-card:hover{border-color:#6F06C3;box-shadow:0 8px 0 #6f06c326;transform:translateY(-4px)}
.ClientExperience .achievement-card h3{font-size:1.5rem;color:#6F06C3;margin-bottom:1rem;font-weight:600}
.ClientExperience .achievement-card .metric-value{font-size:3rem;color:#00B9ED;font-weight:700;line-height:1;margin-bottom:.5rem;display:block}
.ClientExperience .achievement-card p{font-size:1rem;color:#2a2a2a;line-height:1.6;margin:0}
.ClientExperience .testimonial-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.ClientExperience .visual-showcase img{width:100%;height:auto;border-radius:32px;box-shadow:0 6px 0 #0000001a;object-fit:cover}
.ClientExperience .feedback-collection{display:flex;flex-direction:column;gap:2rem}
.ClientExperience .client-feedback{background:#fff;padding:2rem;border-radius:24px;border:2px solid #00b9ed33;position:relative}
.ClientExperience .client-feedback::before{content:'"';position:absolute;top:-10px;left:20px;font-size:5rem;color:#00B9ED;line-height:1;opacity:.3}
.ClientExperience .client-feedback .feedback-text{font-size:1.05rem;line-height:1.7;color:#2a2a2a;margin-bottom:1.5rem;position:relative;z-index:1}
.ClientExperience .client-feedback .client-identity{display:flex;align-items:center;gap:1rem}
.ClientExperience .client-feedback .client-name{font-weight:600;color:#6F06C3;font-size:1.1rem}
.ClientExperience .client-feedback .client-role{font-size:.95rem;color:#666}
.DevelopmentPlatform{background:linear-gradient(225deg,#6f06c30d 0%,#00b9ed0d 100%);padding:5rem 1.5rem}
.DevelopmentPlatform .wrap-holder{max-width:1600px;margin:0 auto}
.DevelopmentPlatform h2{font-size:2.5rem;color:#6F06C3;margin-bottom:2rem;font-weight:700}
.DevelopmentPlatform .intro-paragraph{font-size:1.15rem;line-height:1.7;color:#2a2a2a;margin-bottom:3rem;max-width:900px}
.DevelopmentPlatform .opportunities-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem;margin-bottom:4rem}
.DevelopmentPlatform .opportunity-item{background:#fff;padding:2.5rem;border-radius:30px;box-shadow:0 4px 0 #00000014;transition:all .3s ease;border:2px solid transparent}
.DevelopmentPlatform .opportunity-item:hover{border-color:#00B9ED;box-shadow:0 8px 0 #00b9ed33;transform:translateY(-3px)}
.DevelopmentPlatform .opportunity-item h4{font-size:1.4rem;color:#00B9ED;margin-bottom:1rem;font-weight:600}
.DevelopmentPlatform .opportunity-item p{font-size:1rem;line-height:1.7;color:#2a2a2a;margin:0}
.DevelopmentPlatform .pathway-showcase{display:grid;grid-template-columns:2fr 3fr;gap:3rem;align-items:center}
.DevelopmentPlatform .pathway-visual img{width:100%;height:auto;border-radius:32px;box-shadow:0 6px 0 #6f06c326;object-fit:cover}
.DevelopmentPlatform .pathway-details{display:flex;flex-direction:column;gap:2rem}
.DevelopmentPlatform .step-element{display:flex;gap:1.5rem;align-items:start}
.DevelopmentPlatform .step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,#6F06C3,#00B9ED);color:#FFFFF8;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;box-shadow:0 4px 0 #6f06c34d}
.DevelopmentPlatform .step-content h5{font-size:1.25rem;color:#6F06C3;margin-bottom:.5rem;font-weight:600}
.DevelopmentPlatform .step-content p{font-size:1rem;line-height:1.7;color:#2a2a2a;margin:0}
.MethodologySection{background:#fff;padding:5rem 1.5rem}
.MethodologySection .content-wrapper{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.MethodologySection .visual-block{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.MethodologySection .visual-block img{width:100%;height:250px;object-fit:cover;border-radius:28px;box-shadow:0 5px 0 #0000001a}
.MethodologySection .visual-block img:first-child{grid-column:1 / -1;height:320px}
.MethodologySection .text-block h2{font-size:2.5rem;color:#6F06C3;margin-bottom:1.5rem;font-weight:700}
.MethodologySection .text-block p{font-size:1.1rem;line-height:1.7;color:#2a2a2a;margin-bottom:2rem}
.MethodologySection .text-block .feature-list{list-style:none;padding:0;margin:0 0 2rem}
.MethodologySection .text-block .feature-list li{font-size:1.05rem;line-height:1.8;color:#2a2a2a;padding-left:2rem;position:relative;margin-bottom:1rem}
.MethodologySection .text-block .feature-list li::before{content:'';position:absolute;left:0;top:.5rem;width:12px;height:12px;background:#00B9ED;border-radius:50%;box-shadow:0 0 0 3px #00b9ed33}
.MethodologySection .text-block .action-button{display:inline-block;padding:1rem 2.5rem;background:linear-gradient(135deg,#6F06C3,#00B9ED);color:#FFFFF8;text-decoration:none;border-radius:30px;font-size:1.1rem;font-weight:600;transition:all .3s ease;box-shadow:0 5px 0 #6f06c34d;z-index:10;position:relative}
.MethodologySection .text-block .action-button:hover{box-shadow:0 8px 0 #6f06c366;transform:translateY(-2px)}
@media (max-width: 1024px) {
.HeroWrapper .content-holder{gap:2rem}
.ClientExperience .testimonial-section,.DevelopmentPlatform .pathway-showcase,.MethodologySection .content-wrapper{grid-template-columns:1fr}
.DevelopmentPlatform .opportunities-grid{grid-template-columns:1fr 1fr}
.HeroWrapper .lead-text h1{font-size:2.5rem}
}
@media (max-width: 768px) {
.HeroWrapper{padding:3rem 1.5rem}
.HeroWrapper .lead-text h1{font-size:2rem}
.HeroWrapper .lead-text p{font-size:1.1rem}
.ClientExperience,.DevelopmentPlatform,.MethodologySection{padding:3rem 1.5rem}
.ClientExperience h2,.DevelopmentPlatform h2,.MethodologySection .text-block h2{font-size:2rem}
.ClientExperience .grid-showcase,.DevelopmentPlatform .opportunities-grid{grid-template-columns:1fr}
.MethodologySection .visual-block{grid-template-columns:1fr}
.MethodologySection .visual-block img,.MethodologySection .visual-block img:first-child{height:220px}
}
@media (max-width: 480px) {
.HeroWrapper .lead-text h1{font-size:1.75rem}
.ClientExperience .achievement-card .metric-value{font-size:2.5rem}
.DevelopmentPlatform .step-element{flex-direction:column;gap:1rem}
}
.ContactHero{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ContactHero_visual{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.ContactHero_visual img{width:100%;height:100%;object-fit:cover}
.ContactHero_overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#6f06c3d9 0%,#00b9edbf 100%);z-index:2}
.ContactHero_overlay::before{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,#0006 0%,transparent 100%)}
.ContactHero_overlay::after{content:'';position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(0deg,#0006 0%,transparent 100%)}
.ContactHero_deco{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3}
.ContactHero_circle{position:absolute;border-radius:50%;border:2px solid #fffff826}
.ContactHero_circle--one{width:420px;height:420px;top:-80px;right:-120px}
.ContactHero_circle--two{width:280px;height:280px;bottom:40px;left:-60px}
.ContactHero_circle--three{width:180px;height:180px;top:50%;left:15%;transform:translateY(-50%)}
.ContactHero_text{position:relative;z-index:4;text-align:center;max-width:900px;margin:0 auto;padding:40px 24px;color:#FFFFF8}
.ContactHero_MainTitle{font-size:3.2rem;font-weight:700;line-height:1.2;margin:0 0 28px;text-shadow:2px 4px 8px #0000004d}
.ContactHero_subtitle{font-size:1.25rem;line-height:1.6;margin:0;text-shadow:1px 2px 4px #00000040}
.ReachData{padding:90px 24px;background:linear-gradient(135deg,#FFFFF8 0%,#f8f8f0 100%)}
.ReachData_wrapper{max-width:1400px;margin:0 auto}
.ReachData_intro{max-width:820px;margin:0 auto 70px;text-align:center}
.ReachData_heading{font-size:2.6rem;font-weight:700;color:#6F06C3;margin:0 0 24px}
.ReachData_context{font-size:1.1rem;line-height:1.7;color:#2a2a2a;margin:0}
.ReachData_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:70px}
.ReachData_method{background:#fff;padding:38px 28px;border-radius:28px;box-shadow:3px 6px 12px #6f06c314;transition:all .3s ease}
.ReachData_method:hover{box-shadow:4px 8px 18px #6f06c326;transform:translateY(-3px)}
.ReachData_method-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);display:flex;align-items:center;justify-content:center;color:#FFFFF8;margin-bottom:22px}
.ReachData_method-label{font-size:1.4rem;font-weight:700;color:#2a2a2a;margin:0 0 12px}
.ReachData_method-link{display:block;font-size:1.15rem;color:#00B9ED;text-decoration:none;margin-bottom:14px;font-weight:600;transition:color .25s ease}
.ReachData_method-link:hover{color:#6F06C3;text-decoration:underline}
.ReachData_method-note{font-size:.95rem;color:#666;line-height:1.5;margin:0}
.ReachData_address{background:#fff;padding:48px 40px;border-radius:32px;max-width:700px;margin:0 auto;box-shadow:3px 6px 16px #00b9ed1a}
.ReachData_address-title{font-size:1.6rem;font-weight:700;color:#6F06C3;margin:0 0 18px}
.ReachData_address-text{font-size:1.1rem;line-height:1.8;color:#2a2a2a;font-style:normal;margin:0 0 20px}
.ReachData_address-extra{font-size:.98rem;line-height:1.65;color:#555;margin:0}
.FormContact{padding:100px 24px;background:linear-gradient(225deg,#6F06C3 0%,#00B9ED 100%)}
.FormContact_container{max-width:900px;margin:0 auto}
.FormContact_intro-area{text-align:center;margin-bottom:56px}
.FormContact_MainHeading{font-size:2.8rem;font-weight:700;color:#FFFFF8;margin:0 0 24px}
.FormContact_description{font-size:1.1rem;line-height:1.7;color:#fffff8eb;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.FormContact_form{background:#FFFFF8;padding:48px 44px;border-radius:36px;box-shadow:5px 10px 24px #00000026}
.FormContact_row{margin-bottom:32px}
.FormContact_row--dual{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.FormContact_field{display:flex;flex-direction:column}
.FormContact_label{font-size:1rem;font-weight:600;color:#2a2a2a;margin-bottom:10px}
.FormContact_input,.FormContact_select,.FormContact_textarea{padding:16px 18px;font-size:1rem;border:2px solid #e0e0e0;border-radius:24px;background:#fff;transition:all .25s ease;font-family:inherit}
.FormContact_input:focus,.FormContact_select:focus,.FormContact_textarea:focus{outline:none;border-color:#6F06C3;box-shadow:0 0 0 3px #6f06c31a}
.FormContact_textarea{resize:vertical;min-height:140px}
.FormContact_radioset{border:none;padding:0;margin:0}
.FormContact_legend{font-size:1rem;font-weight:600;color:#2a2a2a;margin-bottom:16px}
.FormContact_radio-grid{display:flex;flex-direction:column;gap:12px}
.FormContact_radio-label{display:flex;align-items:center;cursor:pointer;padding:14px 18px;background:#f9f9f9;border-radius:20px;border:2px solid transparent;transition:all .25s ease}
.FormContact_radio-label:hover{background:#f0f0f0;border-color:#e0e0e0}
.FormContact_radio{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#6F06C3}
.FormContact_radio-text{font-size:.98rem;color:#2a2a2a}
.FormContact_checkbox-wrapper{display:flex;align-items:flex-start;cursor:pointer}
.FormContact_checkbox{width:20px;height:20px;margin-right:12px;margin-top:2px;cursor:pointer;accent-color:#6F06C3;flex-shrink:0}
.FormContact_checkbox-text{font-size:.95rem;color:#555;line-height:1.5}
.FormContact_privacy-link{color:#00B9ED;text-decoration:none;font-weight:600;transition:color .25s ease}
.FormContact_privacy-link:hover{color:#6F06C3;text-decoration:underline}
.FormContact_SubmitBtn{width:100%;padding:18px 32px;font-size:1.15rem;font-weight:700;color:#FFFFF8;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);border:none;border-radius:28px;cursor:pointer;transition:all .3s ease;box-shadow:3px 6px 14px #6f06c340}
.FormContact_SubmitBtn:hover{transform:translateY(-2px);box-shadow:4px 8px 20px #6f06c359}
.FormContact_SubmitBtn:active{transform:translateY(0)}
@media (max-width: 768px) {
.ContactHero{min-height:480px}
.ContactHero_MainTitle{font-size:2.2rem}
.ContactHero_subtitle{font-size:1.05rem}
.ContactHero_circle--one{width:280px;height:280px}
.ContactHero_circle--two{width:200px;height:200px}
.ContactHero_circle--three{width:140px;height:140px}
.ReachData{padding:60px 20px}
.ReachData_heading{font-size:2rem}
.ReachData_grid{grid-template-columns:1fr}
.FormContact{padding:70px 20px}
.FormContact_MainHeading{font-size:2.1rem}
.FormContact_form{padding:32px 24px}
.FormContact_row--dual{grid-template-columns:1fr}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ContactHero_MainTitle{font-size:2.8rem}
.ReachData_grid{grid-template-columns:repeat(2,1fr)}
}
.TitleHero{max-width:1600px;margin:4rem auto 0;padding:0 1.5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.TitleHero .ImageClip{position:relative;width:100%;height:420px;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%);overflow:hidden;box-shadow:6px 6px 0 #6F06C3}
.TitleHero .ImageClip img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(0.92) contrast(1.08)}
.TitleHero .TextContent--hero h1{font-size:3.2rem;line-height:1.1;color:#1a1a1a;font-weight:700;margin:0;position:relative}
.TitleHero .TextContent--hero h1::after{content:'';position:absolute;bottom:-12px;left:0;width:140px;height:6px;background:linear-gradient(95deg,#6F06C3 0%,#00B9ED 100%);border-radius:3px}
.StoryLayout{max-width:1600px;margin:7rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:4rem}
.StoryLayout .ContentRow{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}
.StoryLayout .ContentRow .StoryText h2{font-size:2rem;color:#2a2a2a;font-weight:600;margin:0 0 1.5rem;position:relative;padding-left:28px}
.StoryLayout .ContentRow .StoryText h2::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:#00B9ED;border-radius:50%}
.StoryLayout .ContentRow .StoryText p{font-size:1.05rem;line-height:1.7;color:#3a3a3a;margin:0 0 1.2rem}
.StoryLayout .ContentRow .ImageFrame{position:relative;width:100%;height:380px;border-radius:32px;overflow:hidden;border:3px solid #6F06C3;box-shadow:3px 3px 0 #00B9ED}
.StoryLayout .ContentRow .ImageFrame img{width:100%;height:100%;object-fit:cover;object-position:center}
.StoryLayout .StatsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-top:2rem}
.StoryLayout .StatsGrid .StatBox{background:linear-gradient(135deg,#FFFFF8 0%,#f4f4f0 100%);border-radius:24px;padding:2rem 1.8rem;border:2px solid #e0e0d8;position:relative;overflow:hidden}
.StoryLayout .StatsGrid .StatBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#6F06C3 0%,#00B9ED 100%)}
.StoryLayout .StatsGrid .StatBox .StatValue{font-size:2.6rem;font-weight:700;color:#6F06C3;margin:0 0 .5rem;line-height:1}
.StoryLayout .StatsGrid .StatBox .StatLabel{font-size:1rem;color:#4a4a4a;margin:0;font-weight:500}
.PrinciplesSection{max-width:1600px;margin:6rem auto;padding:5rem 1.5rem;background:linear-gradient(160deg,#6F06C3 0%,#8e1ae0 100%);border-radius:40px;position:relative}
.PrinciplesSection::after{content:'';position:absolute;bottom:-8px;right:-8px;width:calc(100% + 16px);height:calc(100% + 16px);background:linear-gradient(160deg,#6f06c333 0%,#00b9ed33 100%);border-radius:40px;z-index:-1}
.PrinciplesSection .SectionHeader{text-align:center;margin-bottom:4rem}
.PrinciplesSection .SectionHeader h2{font-size:2.4rem;color:#FFFFF8;font-weight:700;margin:0 0 1rem}
.PrinciplesSection .SectionHeader p{font-size:1.1rem;color:#fffff8e6;margin:0;line-height:1.6}
.PrinciplesSection .GridValues{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}
.PrinciplesSection .GridValues .ValueCard{background:#fffff8f2;border-radius:28px;padding:2.5rem 2.2rem;position:relative;box-shadow:4px 4px 0 #00000026;transition:transform .3s ease,box-shadow .3s ease}
.PrinciplesSection .GridValues .ValueCard:hover{transform:translateY(-4px);box-shadow:6px 6px 0 #0003}
.PrinciplesSection .GridValues .ValueCard .IconShape{width:56px;height:56px;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;box-shadow:3px 3px 8px #6f06c34d}
.PrinciplesSection .GridValues .ValueCard .IconShape svg{width:28px;height:28px;fill:#FFFFF8}
.PrinciplesSection .GridValues .ValueCard h3{font-size:1.5rem;color:#2a2a2a;font-weight:600;margin:0 0 1rem}
.PrinciplesSection .GridValues .ValueCard p{font-size:1rem;color:#3a3a3a;line-height:1.7;margin:0}
.PrinciplesSection .GridValues .ValueCard .DetailList{margin-top:1.2rem;padding-left:0;list-style:none}
.PrinciplesSection .GridValues .ValueCard .DetailList li{font-size:.95rem;color:#4a4a4a;margin-bottom:.7rem;padding-left:24px;position:relative}
.PrinciplesSection .GridValues .ValueCard .DetailList li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#00B9ED;border-radius:50%}
.PrinciplesSection .ActionFooter{text-align:center;margin-top:4rem}
.PrinciplesSection .ActionFooter .ButtonPrimary{display:inline-block;padding:1rem 2.8rem;background:#FFFFF8;color:#6F06C3;font-size:1.1rem;font-weight:600;text-decoration:none;border-radius:30px;border:3px solid #FFFFF8;box-shadow:4px 4px 0 #0003;transition:all .3s ease;position:relative;z-index:5}
.PrinciplesSection .ActionFooter .ButtonPrimary:hover{background:#00B9ED;color:#FFFFF8;border-color:#00B9ED;transform:translateY(-2px);box-shadow:6px 6px 0 #00000040}
@media (max-width: 1024px) {
.TitleHero{gap:2rem}
.StoryLayout .ContentRow{grid-template-columns:1fr;gap:3rem}
.StoryLayout .StatsGrid{grid-template-columns:1fr;gap:1.5rem}
.PrinciplesSection .GridValues{grid-template-columns:1fr;gap:2rem}
}
@media (max-width: 768px) {
.TitleHero{margin-top:2rem;padding:0 1rem}
.TitleHero .ImageClip{height:280px;clip-path:polygon(5% 0%,100% 0%,95% 100%,0% 100%)}
.TitleHero .TextContent--hero h1{font-size:2.2rem}
.StoryLayout{margin:4rem auto;padding:0 1rem;gap:2.5rem}
.StoryLayout .ContentRow .StoryText h2{font-size:1.6rem}
.StoryLayout .ContentRow .ImageFrame{height:260px;border-radius:24px}
.PrinciplesSection{margin:4rem auto;padding:3rem 1rem;border-radius:28px}
.PrinciplesSection .SectionHeader h2{font-size:1.9rem}
.PrinciplesSection .GridValues .ValueCard{padding:2rem 1.5rem}
}
.InfraHeader{max-width:1600px;margin:3rem auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center}
.InfraHeader .TextData{padding:2rem 0}
.InfraHeader .TextData h1{font-size:3.2rem;color:#6F06C3;margin-bottom:1.5rem;font-weight:700;line-height:1.15}
.InfraHeader .TextData p{font-size:1.125rem;color:#2a2a2a;line-height:1.7;margin-bottom:1.2rem}
.InfraHeader .ImageCard{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 6px 0 #6f06c31f}
.InfraHeader .ImageCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00b9ed26,#6f06c340);z-index:2}
.InfraHeader .ImageCard::after{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;background:#fffff84d;border-radius:50%;z-index:1}
.InfraHeader .ImageCard img{width:100%;height:460px;object-fit:cover;display:block;position:relative;z-index:1}
.ArchBlock{background:linear-gradient(158deg,#FFFFF8 0%,#f8f4ff 100%);padding:5rem 0;margin:4rem 0}
.ArchBlock .WrapData{max-width:1600px;margin:0 auto;padding:0 1.5rem}
.ArchBlock h2{font-size:2.6rem;color:#2a2a2a;margin-bottom:3rem;text-align:center;position:relative}
.ArchBlock h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:90px;height:4px;background:linear-gradient(90deg,#6F06C3,#00B9ED);border-radius:8px}
.LayerGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem}
.LayerCard{background:#fff;padding:2.5rem;border-radius:28px;border:2px solid transparent;box-shadow:0 4px 0 #0000000f;transition:all .3s ease;position:relative}
.LayerCard:hover{border-color:#00B9ED;transform:translateY(-4px);box-shadow:0 8px 0 #00b9ed26}
.LayerCard h3{font-size:1.5rem;color:#6F06C3;margin-bottom:1rem;font-weight:600}
.LayerCard p{font-size:1rem;color:#4a4a4a;line-height:1.65;margin-bottom:.9rem}
.LayerCard .IconShape{width:56px;height:56px;background:linear-gradient(135deg,#00B9ED,#6F06C3);border-radius:16px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center}
.LayerCard .IconShape svg{width:28px;height:28px;fill:#fff}
.CapabilitySection{max-width:1600px;margin:5rem auto;padding:0 1.5rem}
.CapabilitySection h2{font-size:2.4rem;color:#2a2a2a;margin-bottom:1.2rem}
.CapabilitySection h2::before{content:'';display:inline-block;width:8px;height:8px;background:#00B9ED;border-radius:50%;margin-right:12px;vertical-align:middle}
.CapabilitySection .IntroText{font-size:1.125rem;color:#4a4a4a;line-height:1.7;margin-bottom:3rem;max-width:900px}
.CapabilityGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 4rem}
.CapabilityItem{display:flex;gap:1.5rem}
.CapabilityItem .NumberBadge{flex-shrink:0;width:48px;height:48px;background:linear-gradient(225deg,#6F06C3,#00B9ED);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;color:#fff;box-shadow:0 5px 0 #6f06c333}
.CapabilityItem .ContentBox{flex:1}
.CapabilityItem h3{font-size:1.4rem;color:#2a2a2a;margin-bottom:.8rem;font-weight:600}
.CapabilityItem p{font-size:1rem;color:#4a4a4a;line-height:1.65}
.ImageShowcase{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}
.ImageShowcase .ShowcaseCard{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 6px 0 #00000014}
.ImageShowcase .ShowcaseCard img{width:100%;height:380px;object-fit:cover;display:block}
.ImageShowcase .ShowcaseCard::before{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#6f06c3b3,transparent);z-index:2}
.ImageShowcase .ShowcaseCard .Caption{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:3;color:#fff}
.ImageShowcase .ShowcaseCard .Caption h4{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}
.ImageShowcase .ShowcaseCard .Caption p{font-size:.95rem;opacity:.95;line-height:1.5}
@media (max-width: 1024px) {
.InfraHeader{grid-template-columns:1fr;gap:2.5rem}
.InfraHeader .ImageCard{max-width:500px;margin:0 auto}
.LayerGrid{grid-template-columns:repeat(2,1fr)}
.CapabilityGrid{grid-template-columns:1fr;gap:2.5rem}
.ImageShowcase{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.InfraHeader .TextData h1{font-size:2.4rem}
.LayerGrid{grid-template-columns:1fr}
.ArchBlock h2,.CapabilitySection h2{font-size:2rem}
.CapabilityItem{flex-direction:column;gap:1rem}
}
.confirm-wrapper{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden;background:linear-gradient(162deg,#FFFFF8 0%,#e8f9ff 100%)}
.confirm-wrapper::before{content:'';position:absolute;width:480px;height:480px;background:radial-gradient(circle,#6f06c31f 0%,transparent 70%);top:-120px;left:-100px;filter:blur(60px);z-index:1}
.confirm-wrapper::after{content:'';position:absolute;width:520px;height:520px;background:radial-gradient(circle,#00b9ed1a 0%,transparent 70%);bottom:-150px;right:-120px;filter:blur(70px);z-index:1}
.confirm-container{max-width:680px;width:100%;margin:0 auto;position:relative;z-index:2}
.confirm-panel{background:#FFFFF8;border-radius:32px;padding:80px 60px;box-shadow:0 4px 2px #6f06c314 0 12px 6px #00b9ed0f;text-align:center;position:relative}
.confirm-panel::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:6px;background:linear-gradient(90deg,#6F06C3 0%,#00B9ED 100%);border-radius:0 0 8px 8px}
.checkmark-visual{width:120px;height:120px;margin:0 auto 32px;position:relative}
.checkmark-visual svg{width:100%;height:100%}
.checkmark-circle{stroke:#6F06C3;stroke-width:3;fill:none;stroke-dasharray:377;stroke-dashoffset:377;animation:draw-circle .8s ease-out forwards}
.checkmark-check{stroke:#00B9ED;stroke-width:4;fill:none;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;stroke-linejoin:round;animation:draw-check .6s ease-out .5s forwards}
@keyframes draw-circle {
to{stroke-dashoffset:0}
}
@keyframes draw-check {
to{stroke-dashoffset:0}
}
.confirm-title{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.2}
.confirm-title span{background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.confirm-message{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0 0 36px}
.detail-list{background:linear-gradient(135deg,#6f06c30a 0%,#00b9ed0a 100%);border-radius:20px;padding:28px 32px;margin:0 0 42px;text-align:left}
.detail-item{display:flex;align-items:flex-start;margin-bottom:16px;font-size:16px;color:#2a2a2a;line-height:1.6}
.detail-item:last-child{margin-bottom:0}
.detail-item::before{content:'';width:8px;height:8px;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);border-radius:50%;margin-right:14px;margin-top:7px;flex-shrink:0}
.detail-label{font-weight:600;color:#6F06C3;margin-right:8px}
.action-cluster{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primary-action{display:inline-block;padding:16px 44px;background:linear-gradient(135deg,#6F06C3 0%,#00B9ED 100%);color:#FFFFF8;text-decoration:none;font-weight:600;font-size:17px;border-radius:28px;box-shadow:0 6px 3px #6f06c326;transition:all .3s ease;position:relative;z-index:5}
.primary-action:hover{transform:translateY(-3px);box-shadow:0 10px 5px #6f06c333 0 0 0 3px #00b9ed4d}
.secondary-action{display:inline-block;padding:16px 44px;background:#FFFFF8;color:#6F06C3;text-decoration:none;font-weight:600;font-size:17px;border-radius:28px;border:2px solid #6F06C3;box-shadow:0 4px 2px #6f06c314;transition:all .3s ease;position:relative;z-index:5}
.secondary-action:hover{background:linear-gradient(135deg,#6f06c314 0%,#00b9ed14 100%);border-color:#00B9ED;box-shadow:0 0 0 3px #00b9ed33}
@media (max-width: 768px) {
.confirm-wrapper{padding:40px 16px;min-height:60vh}
.confirm-panel{padding:50px 28px;border-radius:28px}
.confirm-title{font-size:32px;margin-bottom:14px}
.confirm-message{font-size:16px;margin-bottom:28px}
.checkmark-visual{width:100px;height:100px;margin-bottom:24px}
.detail-list{padding:22px 20px;margin-bottom:32px}
.detail-item{font-size:15px}
.action-cluster{flex-direction:column;gap:12px}
.primary-action,.secondary-action{padding:14px 32px;font-size:16px;width:100%;text-align:center}
}
@media (max-width: 480px) {
.confirm-panel{padding:40px 20px}
.confirm-title{font-size:28px}
.detail-item{font-size:14px}
}