*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'IBM Plex Serif',serif;background:#0a0a0a;color:#e8e8e8;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}
.hd_outer27{background:linear-gradient(135deg,#1a0d2e 0%,#0f0618 100%);border-bottom:3px solid #6234B0;box-shadow:0 4px 12px #6234b026}
.hd_inner_wrap{max-width:1280px;margin:0 auto;padding:0 20px}
.hd_top_section{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:40px}
.logo_brand_area{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.logo_container15{width:85px;height:85px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#6234b033,transparent);border-radius:12px;border:2px solid #6234b04d;box-shadow:0 2px 8px #6234b033}
.logo_container15 img{width:70px;height:70px;object-fit:contain}
.brand_txt{display:flex;flex-direction:column;gap:4px}
.brand_txt h1{font-size:28px;font-weight:700;color:#FFFDE7;letter-spacing:.5px;background:linear-gradient(90deg,#FFFDE7 0%,#C8410F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.brand_txt .tagline_sub{font-size:13px;color:#b8b8b8;font-weight:300}
.nav_main_wrapper{flex:1;display:flex;justify-content:flex-end}
.nv_list27{display:flex;list-style:none;gap:8px;align-items:center}
.nv_list27 li a{display:block;padding:12px 22px;color:#FFFDE7;text-decoration:none;font-size:15px;font-weight:400;border-radius:8px;background:#6234b01a;border:1px solid #6234b04d;transition:all .3s ease}
.nv_list27 li a:hover{background:#6234b040;border-color:#6234B0;color:#fff}
.ft_outer{background:linear-gradient(180deg,#1a0d2e 0%,#0a0514 50%,#000 100%);border-top:2px solid #6234B0;margin-top:auto}
.ft_inner_container{max-width:1280px;margin:0 auto;padding:0 20px}
.ft_top_section{padding:45px 0 30px;border-bottom:1px solid #6234b033}
.ft_grid_3col{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.ft_company_block h3{font-size:22px;color:#FFFDE7;margin-bottom:15px;font-weight:600}
.ft_company_block p{font-size:14px;color:#b0b0b0;line-height:1.7;margin-bottom:12px}
.ft_contact_item{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:silver}
.ft_contact_item i{color:#C8410F;font-size:16px}
.ft_links_block h4{font-size:16px;color:#FFFDE7;margin-bottom:18px;font-weight:500}
.ft_links_list{list-style:none}
.ft_links_list li{margin-bottom:10px}
.ft_links_list a{color:#b0b0b0;text-decoration:none;font-size:14px;transition:color .2s}
.ft_links_list a:hover{color:#C8410F}
.ft_bottom_bar{padding:25px 0;text-align:center}
.ft_copyright{font-size:13px;color:#888}
.cookie_popup_outer{position:fixed;top:20px;right:20px;background:linear-gradient(135deg,#1a0d2e 0%,#2d1554 100%);border:2px solid #6234B0;border-radius:12px;box-shadow:0 6px 20px #0009;max-width:380px;padding:24px;z-index:10000;animation:slide_in_top .4s ease-out;display:none}
.cookie_popup_outer.visible{display:block}
.cookie_popup_outer.hiding{animation:slide_out_top .4s ease-in forwards}
@keyframes slide_in_top {
from{transform:translateY(-120px);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slide_out_top {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-120px);opacity:0}
}
.cookie_header_text h3{font-size:18px;color:#FFFDE7;margin-bottom:12px;font-weight:600}
.cookie_description{font-size:13px;color:#d0d0d0;margin-bottom:18px;line-height:1.5}
.cookie_categories{margin-bottom:20px}
.cookie_category_item{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.cookie_category_item input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.cookie_category_item label{font-size:13px;color:#e0e0e0;cursor:pointer}
.cookie_actions{display:flex;gap:10px}
.cookie_btn{flex:1;padding:11px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}
.cookie_btn.accept_btn{background:linear-gradient(135deg,#6234B0,#8045d4);color:#FFFDE7}
.cookie_btn.accept_btn:hover{background:linear-gradient(135deg,#7a47c9,#9556e8)}
.cookie_btn.decline_btn{background:#c8410f26;color:#C8410F;border:1px solid #C8410F}
.cookie_btn.decline_btn:hover{background:#c8410f40}
.cookie_policy_link{margin-top:14px;font-size:12px}
.cookie_policy_link a{color:#C8410F;text-decoration:none}
.cookie_policy_link a:hover{text-decoration:underline}
@media (max-width: 768px) {
.hd_top_section{flex-direction:column;align-items:flex-start;gap:20px}
.nav_main_wrapper{width:100%}
.nv_list27{flex-wrap:wrap;gap:8px}
.nv_list27 li a{padding:10px 16px;font-size:14px}
.ft_grid_3col{grid-template-columns:1fr;gap:35px}
.cookie_popup_outer{right:10px;left:10px;top:10px;max-width:none}
.logo_container15{width:70px;height:70px}
.logo_container15 img{width:58px;height:58px}
.brand_txt h1{font-size:24px}
}
@media (max-width: 375px) {
.hd_inner_wrap,.ft_inner_container{padding:0 15px}
.nv_list27 li a{padding:9px 14px;font-size:13px}
}
.policy-body{max-width:1280px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#0a0a0f 0%,#1a1a24 100%);color:#e8e8f0;line-height:1.8}
@media (max-width: 768px) {
.policy-body{padding:48px 20px}
}
@media (max-width: 375px) {
.policy-body{padding:32px 16px}
}
.policy-body h1{font-size:42px;font-weight:700;color:#FFFDE7;margin:0 0 16px;line-height:1.2;background:linear-gradient(135deg,#6234B0 0%,#C8410F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
@media (max-width: 768px) {
.policy-body h1{font-size:32px}
}
@media (max-width: 375px) {
.policy-body h1{font-size:26px}
}
.policy-body h2{font-size:32px;font-weight:600;color:#FFFDE7;margin:56px 0 20px;line-height:1.3;border-left:4px solid #6234B0;padding-left:20px}
@media (max-width: 768px) {
.policy-body h2{font-size:26px;margin:40px 0 16px}
}
@media (max-width: 375px) {
.policy-body h2{font-size:22px;padding-left:12px}
}
.policy-body h3{font-size:24px;font-weight:600;color:#d4d4e0;margin:40px 0 16px;line-height:1.4}
@media (max-width: 768px) {
.policy-body h3{font-size:20px;margin:32px 0 12px}
}
.policy-body h4{font-size:20px;font-weight:600;color:#c8c8d8;margin:32px 0 12px;line-height:1.4}
@media (max-width: 768px) {
.policy-body h4{font-size:18px}
}
.policy-body h5{font-size:18px;font-weight:600;color:#b8b8c8;margin:24px 0 12px;line-height:1.5}
.policy-body h6{font-size:16px;font-weight:600;color:#a8a8b8;margin:20px 0 10px;line-height:1.5}
.policy-body p{font-size:17px;color:#d0d0dc;margin:0 0 20px;line-height:1.8}
@media (max-width: 768px) {
.policy-body p{font-size:16px;margin:0 0 16px}
}
.policy-body strong,.policy-body b{font-weight:600;color:#FFFDE7}
.policy-body em,.policy-body i{font-style:italic;color:#e0e0ea}
.policy-body a{color:#C8410F;text-decoration:underline;transition:all .3s ease;font-weight:500}
.policy-body a:hover{color:#6234B0;text-decoration:none;text-shadow:0 0 8px #6234b080}
.policy-body a:focus{outline:2px solid #6234B0;outline-offset:2px;border-radius:2px}
.policy-body table{width:100%;border-collapse:collapse;margin:32px 0;background:#15151f;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0006}
@media (max-width: 768px) {
.policy-body table{font-size:14px;margin:24px 0}
}
.policy-body thead{background:linear-gradient(135deg,#6234B0 0%,#4a2888 100%)}
.policy-body th{padding:16px 20px;text-align:left;font-weight:600;color:#FFFDE7;font-size:16px;border-bottom:2px solid #C8410F}
@media (max-width: 768px) {
.policy-body th{padding:12px 14px;font-size:14px}
}
@media (max-width: 375px) {
.policy-body th{padding:10px;font-size:13px}
}
.policy-body td{padding:16px 20px;color:#d0d0dc;font-size:16px;border-bottom:1px solid #2a2a38}
@media (max-width: 768px) {
.policy-body td{padding:12px 14px;font-size:14px}
}
@media (max-width: 375px) {
.policy-body td{padding:10px;font-size:13px}
}
.policy-body tbody tr{transition:background .2s ease}
.policy-body tbody tr:hover{background:#1c1c2a}
.policy-body tbody tr:last-child td{border-bottom:none}
.policy-body hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#6234B0 50%,transparent 100%);margin:48px 0}
@media (max-width: 768px) {
.policy-body hr{margin:32px 0}
}
.title_wrap{background:linear-gradient(135deg,#1a0f2e 0%,#2d1b4e 100%);padding:0;margin:0 auto 4rem;max-width:100%;overflow:hidden;position:relative}
.title_wrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,#6234b026,transparent 50%);pointer-events:none}
.title_inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:0}
.title_img_strip{width:35%;height:480px;position:relative;overflow:hidden}
.title_img_strip img{width:100%;height:100%;object-fit:cover;object-position:center;animation:subtle_move 12s ease-in-out infinite}
@keyframes subtle_move {
0%,100%{transform:scale(1.05) translateX(0)}
50%{transform:scale(1.08) translateX(-8px)}
}
.title_content_area{width:65%;padding:3.5rem 4rem;position:relative;z-index:2}
.title_heading_main{font-size:3.2rem;line-height:1.15;color:#FFFDE7;margin:0 0 1.5rem;font-weight:700}
.title_heading_main span{display:block;margin-top:.4rem}
.title_heading_main .accent_part{color:#C8410F;font-weight:800}
.title_subtext{font-size:1.15rem;line-height:1.6;color:#d4cfe7;margin:0 0 2rem;max-width:520px}
.title_cta_btn{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,#6234B0,#7a4bc9);color:#FFFDE7;padding:.9rem 2.2rem;text-decoration:none;border-radius:6px;font-size:1.05rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6234b04d}
.title_cta_btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #6234b073;background:linear-gradient(90deg,#7a4bc9,#6234B0)}
.connections_sec{max-width:1280px;margin:0 auto 5rem;padding:0 2rem}
.connections_header{text-align:center;margin-bottom:3rem}
.connections_header h2{font-size:2.4rem;color:#2d1b4e;margin:0 0 1rem;font-weight:700}
.connections_header p{font-size:1.1rem;color:#5a4a6a;max-width:640px;margin:0 auto;line-height:1.6}
.connections_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.connection_card{background:linear-gradient(135deg,#f8f6fc 0%,#fff 100%);padding:2rem 1.8rem;border-radius:12px;border:2px solid #e8e0f5;position:relative;transition:all .3s ease}
.connection_card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#6234B0,#C8410F);border-radius:12px 0 0 12px;opacity:0;transition:opacity .3s ease}
.connection_card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6234b026;border-color:#6234B0}
.connection_card:hover::before{opacity:1}
.connection_icon{width:52px;height:52px;background:linear-gradient(135deg,#6234B0,#7a4bc9);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem}
.connection_icon svg{width:28px;height:28px;fill:#FFFDE7}
.connection_card h3{font-size:1.35rem;color:#2d1b4e;margin:0 0 .8rem;font-weight:600}
.connection_card p{font-size:.95rem;color:#5a4a6a;line-height:1.65;margin:0}
.docs_section{background:linear-gradient(135deg,#1a0f2e 0%,#2d1b4e 100%);padding:4rem 2rem;margin:0 auto 5rem;position:relative}
.docs_section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,#C8410F,transparent)}
.docs_container{max-width:1280px;margin:0 auto;display:flex;gap:3rem;align-items:center}
.docs_visual{width:45%;position:relative}
.docs_visual img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 32px #0006}
.docs_content{width:55%}
.docs_content h2{font-size:2.3rem;color:#FFFDE7;margin:0 0 1.5rem;font-weight:700}
.docs_content p{font-size:1.05rem;color:#d4cfe7;line-height:1.7;margin:0 0 2rem}
.docs_list{list-style:none;padding:0;margin:0 0 2rem}
.docs_list li{padding:.9rem 0;color:#FFFDE7;font-size:1rem;display:flex;align-items:center;gap:.8rem;border-bottom:1px solid #fffde71a}
.docs_list li:last-child{border-bottom:none}
.docs_list li::before{content:'';width:8px;height:8px;background:#C8410F;border-radius:50%;flex-shrink:0}
.docs_link{color:#C8410F;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease}
.docs_link:hover{color:#e6501a;gap:.8rem}
.problems_wrap{max-width:1280px;margin:0 auto 5rem;padding:0 2rem}
.problems_intro{text-align:center;margin-bottom:3.5rem}
.problems_intro h2{font-size:2.5rem;color:#2d1b4e;margin:0 0 1rem;font-weight:700}
.problems_intro p{font-size:1.08rem;color:#5a4a6a;max-width:680px;margin:0 auto;line-height:1.65}
.problems_showcase{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.problem_item{background:#fff;border:2px solid #e8e0f5;border-radius:14px;padding:2.2rem;position:relative;transition:all .3s ease}
.problem_item::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#6234B0,#C8410F);border-radius:0 0 14px 14px;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.problem_item:hover::after{transform:scaleX(1)}
.problem_item:hover{border-color:#6234B0;box-shadow:0 8px 24px #6234b01f}
.problem_number{display:inline-block;background:linear-gradient(135deg,#6234B0,#C8410F);color:#FFFDE7;font-size:.85rem;font-weight:700;padding:.4rem 1rem;border-radius:20px;margin-bottom:1.2rem}
.problem_item h3{font-size:1.45rem;color:#2d1b4e;margin:0 0 1rem;font-weight:600}
.problem_item p{font-size:.98rem;color:#5a4a6a;line-height:1.7;margin:0 0 1.2rem}
.problem_outcome{font-size:.92rem;color:#C8410F;font-weight:600;display:flex;align-items:center;gap:.5rem}
.problem_outcome::before{content:'→';font-size:1.2rem}
.flexibility_section{background:linear-gradient(180deg,#f8f6fc 0%,#fff 100%);padding:4.5rem 2rem;margin:0 auto 5rem}
.flexibility_inner{max-width:1280px;margin:0 auto}
.flexibility_header{margin-bottom:3rem}
.flexibility_header h2{font-size:2.4rem;color:#2d1b4e;margin:0 0 1rem;font-weight:700}
.flexibility_header p{font-size:1.1rem;color:#5a4a6a;max-width:720px;line-height:1.65;margin:0}
.flex_options{display:grid;grid-template-columns:repeat(4,1fr);gap:1.8rem}
.flex_card{background:#fff;padding:1.8rem 1.5rem;border-radius:10px;border:2px solid #e8e0f5;text-align:center;transition:all .3s ease;position:relative}
.flex_card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#6234B0,#C8410F);border-radius:10px;opacity:0;transition:opacity .3s ease;z-index:-1}
.flex_card:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 10px 28px #6234b02e}
.flex_card:hover::before{opacity:1}
.flex_icon_box{width:60px;height:60px;background:linear-gradient(135deg,#6234B0,#7a4bc9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem}
.flex_icon_box svg{width:30px;height:30px;fill:#FFFDE7}
.flex_card h3{font-size:1.15rem;color:#2d1b4e;margin:0 0 .6rem;font-weight:600}
.flex_card p{font-size:.88rem;color:#5a4a6a;line-height:1.6;margin:0}
.inspiration_block{max-width:1280px;margin:0 auto 5rem;padding:0 2rem;display:flex;gap:3rem;align-items:stretch}
.inspiration_img_side{width:48%;position:relative}
.inspiration_img_side img{width:100%;height:100%;min-height:460px;object-fit:cover;border-radius:18px;box-shadow:0 8px 28px #0000001f}
.inspiration_text_side{width:52%;display:flex;flex-direction:column;justify-content:center}
.inspiration_text_side h2{font-size:2.3rem;color:#2d1b4e;margin:0 0 1.5rem;font-weight:700}
.inspiration_text_side p{font-size:1.05rem;color:#5a4a6a;line-height:1.7;margin:0 0 1.5rem}
.inspiration_quote{background:linear-gradient(135deg,#f8f6fc 0%,#fff 100%);border-left:4px solid #C8410F;padding:1.5rem 1.8rem;border-radius:0 8px 8px 0;margin:1.5rem 0}
.inspiration_quote p{font-size:1.08rem;color:#2d1b4e;font-style:italic;margin:0 0 .8rem;line-height:1.65}
.inspiration_quote cite{font-size:.92rem;color:#5a4a6a;font-style:normal;font-weight:600}
.tools_area{background:linear-gradient(135deg,#2d1b4e 0%,#1a0f2e 100%);padding:4.5rem 2rem;margin:0 auto;position:relative;overflow:hidden}
.tools_area::before{content:'';position:absolute;top:0;right:0;width:400px;height:400px;background:radial-gradient(circle,#c8410f1f,transparent 70%);pointer-events:none}
.tools_container{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.tools_heading{text-align:center;margin-bottom:3.5rem}
.tools_heading h2{font-size:2.5rem;color:#FFFDE7;margin:0 0 1rem;font-weight:700}
.tools_heading p{font-size:1.1rem;color:#d4cfe7;max-width:660px;margin:0 auto;line-height:1.65}
.tools_display{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}
.tool_box{background:#fffde70d;border:2px solid #fffde71f;border-radius:12px;padding:2rem 1.8rem;transition:all .3s ease;position:relative}
.tool_box::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6234b014,#c8410f14);border-radius:12px;opacity:0;transition:opacity .3s ease}
.tool_box:hover{border-color:#C8410F;transform:translateY(-4px);box-shadow:0 8px 24px #c8410f40}
.tool_box:hover::after{opacity:1}
.tool_symbol{width:56px;height:56px;background:linear-gradient(135deg,#C8410F,#e6501a);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:1.3rem;position:relative;z-index:2}
.tool_symbol svg{width:30px;height:30px;fill:#FFFDE7}
.tool_box h3{font-size:1.3rem;color:#FFFDE7;margin:0 0 .9rem;font-weight:600;position:relative;z-index:2}
.tool_box p{font-size:.96rem;color:#d4cfe7;line-height:1.7;margin:0;position:relative;z-index:2}
.tool_box ul{list-style:none;padding:0;margin:1.2rem 0 0;position:relative;z-index:2}
.tool_box ul li{padding:.5rem 0;color:#d4cfe7;font-size:.9rem;display:flex;align-items:center;gap:.6rem}
.tool_box ul li::before{content:'✓';color:#C8410F;font-weight:700;font-size:1.1rem}
@media (max-width: 1366px) {
.title_heading_main{font-size:2.8rem}
.connections_grid{grid-template-columns:repeat(2,1fr)}
.tools_display{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.title_inner{flex-direction:column}
.title_img_strip,.title_content_area{width:100%}
.title_img_strip{height:280px}
.title_content_area{padding:2.5rem 1.5rem}
.title_heading_main{font-size:2.2rem}
.connections_grid{grid-template-columns:1fr}
.docs_container{flex-direction:column}
.docs_visual,.docs_content{width:100%}
.docs_visual img{height:320px}
.problems_showcase{grid-template-columns:1fr}
.flex_options{grid-template-columns:repeat(2,1fr)}
.inspiration_block{flex-direction:column}
.inspiration_img_side,.inspiration_text_side{width:100%}
.inspiration_img_side img{min-height:320px}
.tools_display{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.title_heading_main{font-size:1.8rem}
.title_content_area{padding:2rem 1rem}
.flex_options{grid-template-columns:1fr}
.connections_header h2,.problems_intro h2,.flexibility_header h2,.tools_heading h2{font-size:2rem}
}
.contact_main_wrapper{width:100%;background:linear-gradient(165deg,#1a0b2e 0%,#0d0614 100%);position:relative;overflow:hidden}
.contact_hero_section{max-width:1280px;margin:0 auto;padding:120px 24px 80px;position:relative}
.hero_content_grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.hero_text_area{position:relative;z-index:2}
.hero_title_main{font-size:64px;line-height:1.1;color:#FFFDE7;margin:0 0 28px;font-weight:700;letter-spacing:-1px}
.hero_desc_txt{font-size:20px;line-height:1.6;color:#fffde7bf;margin:0}
.hero_visual_area{position:relative;height:480px}
.hero_img_frame{width:100%;height:100%;border-radius:16px;overflow:hidden;position:relative;box-shadow:0 24px 56px #0009}
.hero_img_frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.deco_shape_1{position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#6234B0,#C8410F);opacity:.15;border-radius:24px;top:-40px;right:-40px;transform:rotate(25deg);z-index:1}
.deco_shape_2{position:absolute;width:140px;height:140px;background:radial-gradient(circle,#C8410F,transparent);opacity:.2;border-radius:50%;bottom:60px;left:-70px;z-index:1}
.info_cards_section{max-width:1280px;margin:0 auto;padding:80px 24px}
.cards_grid_3col{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.info_card_item{background:#6234b014;border:1px solid #6234b040;border-radius:12px;padding:40px 32px;transition:all .3s ease}
.info_card_item:hover{background:#6234b026;border-color:#6234b066;transform:translateY(-4px);box-shadow:0 12px 28px #6234b033}
.card_icon_circle{width:56px;height:56px;background:linear-gradient(135deg,#6234B0,#C8410F);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.card_icon_circle i{font-size:24px;color:#FFFDE7}
.card_title_h3{font-size:22px;color:#FFFDE7;margin:0 0 12px;font-weight:600}
.card_info_txt{font-size:16px;line-height:1.7;color:#fffde7b3;margin:0}
.card_link_styled{color:#C8410F;text-decoration:none;transition:color .2s ease}
.card_link_styled:hover{color:#6234B0}
.form_section_wrapper{max-width:1280px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#6234b00d 0%,transparent 100%)}
.form_layout_split{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.form_intro_side{position:sticky;top:40px}
.form_intro_title{font-size:42px;color:#FFFDE7;margin:0 0 20px;font-weight:700}
.form_intro_description{font-size:17px;line-height:1.7;color:#fffde7b3;margin:0 0 32px}
.form_benefits_list{list-style:none;padding:0;margin:0}
.benefit_item_row{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.benefit_icon_box{width:32px;height:32px;background:#c8410f26;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.benefit_icon_box i{color:#C8410F;font-size:16px}
.benefit_txt_content{flex:1;font-size:15px;line-height:1.6;color:#fffde7bf;margin:4px 0 0}
.contact_form_panel{background:#0d061499;border:1px solid #6234b04d;border-radius:16px;padding:48px;box-shadow:0 8px 32px #0006}
.form_type_selector{display:flex;gap:12px;margin-bottom:32px;background:#6234b014;padding:8px;border-radius:10px}
.form_type_radio{display:none}
.form_type_label{flex:1;padding:14px 20px;text-align:center;font-size:15px;color:#fffde799;background:transparent;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500}
.form_type_radio:checked + .form_type_label{background:linear-gradient(135deg,#6234B0,#C8410F);color:#FFFDE7;box-shadow:0 4px 12px #6234b066}
.form_main_content{display:flex;flex-direction:column;gap:24px}
.field_group_wrapper{display:flex;flex-direction:column;gap:8px}
.field_label_txt{font-size:14px;color:#FFFDE7;font-weight:500;letter-spacing:.3px}
.input_text_field{width:100%;padding:16px 18px;background:#1a0b2e80;border:1px solid #6234b04d;border-radius:8px;color:#FFFDE7;font-size:15px;transition:all .3s ease;box-sizing:border-box}
.input_text_field:focus{outline:none;border-color:#6234B0;background:#1a0b2eb3;box-shadow:0 0 0 3px #6234b026}
.input_text_field::placeholder{color:#fffde74d}
.conditional_field_area{max-height:0;overflow:hidden;opacity:0;transition:all .4s ease}
#type_general:checked ~ .form_main_content .general_specific_field,#type_course:checked ~ .form_main_content .course_specific_field,#type_partnership:checked ~ .form_main_content .partnership_specific_field{max-height:200px;opacity:1}
.privacy_consent_area{display:flex;align-items:flex-start;gap:12px;padding:20px 0}
.privacy_checkbox_input{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}
.privacy_text_label{font-size:14px;line-height:1.6;color:#fffde7a6}
.privacy_link_inline{color:#C8410F;text-decoration:none;transition:color .2s ease}
.privacy_link_inline:hover{color:#6234B0}
.submit_btn_large{width:100%;padding:18px 32px;background:linear-gradient(135deg,#6234B0,#C8410F);border:none;border-radius:8px;color:#FFFDE7;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #6234b04d}
.submit_btn_large:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6234b080}
.submit_btn_large:active{transform:translateY(0)}
.location_map_section{max-width:1280px;margin:0 auto;padding:80px 24px}
.location_header_area{text-align:center;margin-bottom:56px}
.location_main_title{font-size:48px;color:#FFFDE7;margin:0 0 16px;font-weight:700}
.location_sub_desc{font-size:18px;color:#fffde7b3;margin:0}
.address_detail_box{background:#6234b014;border:1px solid #6234b040;border-radius:16px;padding:56px;max-width:720px;margin:0 auto}
.address_lines_wrapper{display:flex;flex-direction:column;gap:28px}
.address_line_item{display:flex;align-items:flex-start;gap:20px}
.address_icon_holder{width:48px;height:48px;background:linear-gradient(135deg,#6234B0,#C8410F);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.address_icon_holder i{font-size:20px;color:#FFFDE7}
.address_text_block{flex:1}
.address_label_small{font-size:13px;color:#fffde780;margin:0 0 6px;text-transform:uppercase;letter-spacing:1px}
.address_value_large{font-size:18px;line-height:1.5;color:#FFFDE7;margin:0}
.faq_shortcut_section{max-width:1280px;margin:0 auto;padding:0 24px 100px}
.faq_intro_centered{text-align:center;margin-bottom:48px}
.faq_intro_title{font-size:38px;color:#FFFDE7;margin:0 0 12px;font-weight:700}
.faq_intro_text{font-size:17px;color:#fffde7b3;margin:0}
.faq_accordion_container{max-width:840px;margin:0 auto}
.faq_item_wrapper{background:#6234b00d;border:1px solid #6234b033;border-radius:10px;margin-bottom:16px;overflow:hidden;transition:all .3s ease}
.faq_item_wrapper:hover{background:#6234b014;border-color:#6234b04d}
.faq_toggle_checkbox{display:none}
.faq_question_header{padding:24px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px}
.faq_question_txt{font-size:17px;color:#FFFDE7;margin:0;font-weight:600}
.faq_icon_toggle{font-size:18px;color:#C8410F;transition:transform .3s ease}
.faq_toggle_checkbox:checked ~ .faq_question_header .faq_icon_toggle{transform:rotate(180deg)}
.faq_answer_content{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faq_toggle_checkbox:checked ~ .faq_answer_content{max-height:500px}
.faq_answer_inner{padding:0 28px 24px;font-size:15px;line-height:1.7;color:#fffde7b3}
.divider_gradient_line{height:1px;background:linear-gradient(90deg,transparent,#6234b066,transparent);max-width:1280px;margin:0 auto}
@media (max-width: 1366px) {
.hero_content_grid{gap:60px}
.hero_title_main{font-size:56px}
.hero_visual_area{height:420px}
}
@media (max-width: 768px) {
.contact_hero_section{padding:80px 20px 60px}
.hero_content_grid{grid-template-columns:1fr;gap:40px}
.hero_title_main{font-size:38px}
.hero_desc_txt{font-size:17px}
.hero_visual_area{height:320px}
.deco_shape_1,.deco_shape_2{display:none}
.info_cards_section{padding:60px 20px}
.cards_grid_3col{grid-template-columns:1fr;gap:24px}
.form_section_wrapper{padding:60px 20px}
.form_layout_split{grid-template-columns:1fr;gap:40px}
.form_intro_side{position:static}
.form_intro_title{font-size:32px}
.contact_form_panel{padding:32px 24px}
.form_type_selector{flex-direction:column}
.location_map_section{padding:60px 20px}
.location_main_title{font-size:36px}
.address_detail_box{padding:36px 24px}
.faq_shortcut_section{padding:0 20px 80px}
.faq_intro_title{font-size:30px}
}
@media (max-width: 375px) {
.contact_hero_section{padding:60px 16px 40px}
.hero_title_main{font-size:32px}
.hero_desc_txt{font-size:16px}
.hero_visual_area{height:280px}
.info_cards_section{padding:40px 16px}
.info_card_item{padding:28px 20px}
.form_section_wrapper{padding:40px 16px}
.form_intro_title{font-size:28px}
.contact_form_panel{padding:24px 20px}
.location_map_section{padding:40px 16px}
.location_main_title{font-size:30px}
.address_detail_box{padding:28px 20px}
.faq_shortcut_section{padding:0 16px 60px}
}
.title_hero{background:linear-gradient(135deg,#1a0a2e 0%,#2d1654 50%,#1a0a2e 100%);position:relative;overflow:hidden;padding:80px 20px}
.title_hero::before{content:'';position:absolute;top:-50%;right:-10%;width:120%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 40px,#6234b014 40px,#6234b014 80px);transform:rotate(12deg);pointer-events:none}
.title_hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:100%;height:150%;background:repeating-linear-gradient(-35deg,transparent,transparent 50px,#c8410f0d 50px,#c8410f0d 100px);transform:rotate(-8deg);pointer-events:none}
.hero_content_wrap{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hero_txt{flex:1;max-width:680px}
.hero_txt h1{font-size:56px;line-height:1.15;color:#FFFDE7;margin:0 0 32px;font-weight:700}
.hero_theses{display:flex;flex-direction:column;gap:18px}
.thesis_item{background:#fffde70a;border-left:3px solid #6234B0;padding:16px 24px;color:#e8e4f3;font-size:17px;line-height:1.6;border-radius:4px;box-shadow:0 4px 12px #0000004d}
.hero_visual{flex:0 0 440px;position:relative}
.hero_img_frame{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #6234b066;transform:perspective(800px) rotateY(-4deg)}
.hero_img_frame::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6234b04d 0%,transparent 60%);z-index:1;pointer-events:none}
.hero_img_frame img{width:100%;height:480px;object-fit:cover;display:block;filter:contrast(1.05) saturate(0.95)}
@media (max-width: 1366px) {
.hero_content_wrap{gap:48px}
.hero_txt h1{font-size:48px}
.hero_visual{flex:0 0 380px}
}
@media (max-width: 768px) {
.title_hero{padding:60px 20px}
.hero_content_wrap{flex-direction:column;gap:40px}
.hero_txt{max-width:100%}
.hero_txt h1{font-size:36px;margin-bottom:24px}
.hero_visual{flex:0 0 auto;width:100%}
.hero_img_frame{transform:none}
.hero_img_frame img{height:340px}
}
@media (max-width: 375px) {
.hero_txt h1{font-size:32px}
.thesis_item{font-size:16px;padding:14px 20px}
}
.crse_modules_sec{background:#0f0720;padding:100px 20px;position:relative}
.modules_container{max-width:1280px;margin:0 auto}
.sec_intro{text-align:center;max-width:820px;margin:0 auto 70px}
.sec_intro h2{font-size:44px;color:#FFFDE7;margin:0 0 20px;font-weight:700}
.sec_intro p{font-size:18px;line-height:1.7;color:#d1cce0}
.mod_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.mod_card{background:linear-gradient(145deg,#1a0f2e 0%,#0f0720 100%);border:1px solid #6234b040;border-radius:20px;padding:36px 28px;position:relative;transition:all .3s ease;box-shadow:0 4px 16px #0006}
.mod_card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #6234b059;border-color:#6234b080}
.mod_num{position:absolute;top:20px;right:24px;font-size:72px;font-weight:700;color:#c8410f1f;line-height:1}
.mod_icon_wrap{width:64px;height:64px;background:radial-gradient(circle,#6234b033 0%,transparent 70%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:2px solid #6234b04d}
.mod_icon_wrap svg{width:32px;height:32px;fill:#6234B0}
.mod_card h3{font-size:24px;color:#FFFDE7;margin:0 0 14px;font-weight:600}
.mod_card p{font-size:16px;line-height:1.65;color:#c5bfd6;margin:0 0 20px}
.mod_topics{display:flex;flex-direction:column;gap:10px}
.topic_item{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:#b3a8cc}
.topic_item::before{content:'';flex:0 0 6px;width:6px;height:6px;background:#C8410F;border-radius:50%;margin-top:8px}
@media (max-width: 1366px) {
.mod_grid{gap:28px}
.mod_card{padding:32px 24px}
}
@media (max-width: 768px) {
.crse_modules_sec{padding:70px 20px}
.sec_intro h2{font-size:36px}
.mod_grid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 375px) {
.sec_intro h2{font-size:32px}
.mod_card h3{font-size:22px}
}
.enroll_pathway{background:#1a0f2e;padding:90px 20px;position:relative;overflow:hidden}
.enroll_pathway::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,#6234b04d 20%,#6234b04d 80%,transparent 100%)}
.pathway_container{max-width:1280px;margin:0 auto}
.pathway_title{text-align:center;margin-bottom:80px}
.pathway_title h2{font-size:42px;color:#FFFDE7;margin:0 0 18px;font-weight:700}
.pathway_title p{font-size:18px;line-height:1.6;color:#d1cce0;max-width:740px;margin:0 auto}
.steps_timeline{position:relative;display:flex;flex-direction:column;gap:60px}
.step_block{display:grid;grid-template-columns:1fr 100px 1fr;gap:40px;align-items:center;position:relative}
.step_block:nth-child(even) .step_content_left{grid-column:3;grid-row:1}
.step_block:nth-child(even) .step_content_right{grid-column:1;grid-row:1}
.step_block:nth-child(even) .step_marker_zone{grid-column:2;grid-row:1}
.step_content_left,.step_content_right{background:#fffde70a;border-radius:16px;padding:32px;border:1px solid #6234b033;box-shadow:0 6px 20px #00000059}
.step_content_left{text-align:right}
.step_content_right{text-align:left}
.step_content_left h4,.step_content_right h4{font-size:22px;color:#FFFDE7;margin:0 0 12px;font-weight:600}
.step_content_left p,.step_content_right p{font-size:16px;line-height:1.7;color:#c5bfd6;margin:0}
.step_marker_zone{display:flex;justify-content:center;align-items:center;position:relative;z-index:3}
.step_marker{width:80px;height:80px;background:radial-gradient(circle,#6234B0 0%,#3d1a70 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#FFFDE7;border:4px solid #1a0f2e;box-shadow:0 0 24px #6234b099;position:relative}
.step_marker::before{content:'';position:absolute;width:100px;height:100px;border:2px solid #c8410f4d;border-radius:50%;animation:pulse_ring 2s infinite}
@keyframes pulse_ring {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
.enroll_cta_zone{text-align:center;margin-top:80px}
.enroll_btn{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#6234B0 0%,#8b4fd6 100%);color:#FFFDE7;font-size:18px;font-weight:600;padding:18px 48px;border-radius:8px;text-decoration:none;box-shadow:0 6px 20px #6234b066;transition:all .3s ease;border:2px solid transparent}
.enroll_btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6234b099;background:linear-gradient(135deg,#7849c4 0%,#9f5fe8 100%);border-color:#fffde733}
.enroll_btn svg{width:20px;height:20px;fill:currentColor}
@media (max-width: 1366px) {
.step_block{gap:32px}
}
@media (max-width: 768px) {
.enroll_pathway{padding:70px 20px}
.enroll_pathway::before{left:20px;transform:none}
.pathway_title h2{font-size:36px}
.steps_timeline{gap:40px}
.step_block{grid-template-columns:80px 1fr;gap:24px}
.step_block:nth-child(even) .step_content_left,.step_block:nth-child(even) .step_content_right{grid-column:2;grid-row:1}
.step_block:nth-child(even) .step_marker_zone{grid-column:1;grid-row:1}
.step_content_left,.step_content_right{text-align:left;padding:24px}
.step_marker_zone{justify-content:flex-start}
.step_marker{width:64px;height:64px;font-size:24px}
.step_marker::before{width:80px;height:80px}
.enroll_cta_zone{margin-top:60px}
}
@media (max-width: 375px) {
.pathway_title h2{font-size:32px}
.enroll_btn{font-size:16px;padding:16px 36px}
}
.ttl_wrapper{background:linear-gradient(135deg,#1a0a2e 0%,#2d1654 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.ttl_wrapper::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(circle at top right,#c8410f26,transparent 70%);pointer-events:none}
.ttl_inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.ttl_content h1{font-size:52px;line-height:1.2;color:#FFFDE7;margin:0 0 28px;font-weight:700}
.ttl_content h1 span{display:block;color:#C8410F;margin-top:12px}
.ttl_divider{width:80px;height:4px;background:linear-gradient(90deg,#6234B0,#C8410F);margin:0 0 32px;border-radius:2px}
.ttl_content p{font-size:18px;line-height:1.7;color:#fffde7d9;margin:0}
.ttl_mosaic{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative}
.ttl_mosaic_item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0006}
.ttl_mosaic_item:first-child{grid-row:span 2}
.ttl_mosaic_item img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) brightness(0.95);transition:transform .5s ease}
.ttl_mosaic_item:hover img{transform:scale(1.05)}
.story_section{background:#0f0820;padding:100px 20px;position:relative}
.story_container{max-width:1280px;margin:0 auto}
.story_grid{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.story_sidebar{position:sticky;top:40px}
.story_sidebar h2{font-size:36px;color:#FFFDE7;margin:0 0 24px;font-weight:700;line-height:1.3}
.story_sidebar h2::before{content:'';display:block;width:60px;height:3px;background:#6234B0;margin-bottom:20px}
.story_stats{display:flex;flex-direction:column;gap:24px;margin-top:40px}
.stat_item{background:linear-gradient(135deg,#6234b033,#c8410f1a);padding:20px;border-radius:12px;border:1px solid #6234b04d}
.stat_num{font-size:42px;font-weight:700;color:#C8410F;display:block;margin-bottom:8px}
.stat_label{font-size:15px;color:#fffde7bf;line-height:1.4}
.story_main{display:flex;flex-direction:column;gap:48px}
.story_block{background:#6234b014;padding:48px;border-radius:16px;border-left:4px solid #6234B0;position:relative}
.story_block h3{font-size:28px;color:#FFFDE7;margin:0 0 20px;font-weight:600}
.story_block p{font-size:17px;line-height:1.8;color:#fffde7cc;margin:0 0 16px}
.story_block p:last-child{margin-bottom:0}
.story_highlight{background:linear-gradient(90deg,#c8410f26,transparent);padding:32px;border-radius:12px;margin-top:24px;border-left:3px solid #C8410F}
.story_highlight p{color:#fffde7e6;font-size:18px;font-style:italic}
.team_showcase{background:#1a0a2e;padding:80px 20px}
.team_wrap{max-width:1280px;margin:0 auto}
.team_intro{text-align:center;margin-bottom:64px}
.team_intro h2{font-size:40px;color:#FFFDE7;margin:0 0 16px;font-weight:700}
.team_intro h2::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#6234B0,#C8410F);margin:24px auto 0;border-radius:2px}
.team_intro p{font-size:18px;color:#fffde7b3;max-width:700px;margin:0 auto;line-height:1.7}
.team_list{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.team_card{background:linear-gradient(135deg,#6234b026,#c8410f14);border-radius:20px;overflow:hidden;border:1px solid #6234b040;transition:transform .3s ease,box-shadow .3s ease}
.team_card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #6234b04d}
.team_photo{width:100%;height:320px;position:relative;overflow:hidden}
.team_photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.1)}
.team_info{padding:32px}
.team_name{font-size:26px;color:#FFFDE7;margin:0 0 8px;font-weight:600}
.team_role{font-size:16px;color:#C8410F;margin:0 0 20px;font-weight:500}
.team_bio{font-size:16px;line-height:1.7;color:#fffde7bf;margin:0}
.team_achievements{margin-top:24px;padding-top:24px;border-top:1px solid #6234b04d}
.achievement_tag{display:inline-block;background:#6234b04d;color:#fffde7e6;padding:6px 14px;border-radius:16px;font-size:13px;margin:4px 8px 4px 0}
@media (max-width: 1366px) {
.ttl_inner{gap:48px}
.ttl_content h1{font-size:46px}
.story_grid{grid-template-columns:340px 1fr;gap:60px}
}
@media (max-width: 768px) {
.ttl_wrapper{padding:60px 20px 70px}
.ttl_inner{grid-template-columns:1fr;gap:40px}
.ttl_content h1{font-size:36px}
.ttl_mosaic{grid-template-columns:1fr}
.ttl_mosaic_item:first-child{grid-row:span 1}
.story_section{padding:70px 20px}
.story_grid{grid-template-columns:1fr;gap:48px}
.story_sidebar{position:static}
.story_block{padding:32px 24px}
.team_showcase{padding:60px 20px}
.team_list{grid-template-columns:1fr;gap:32px}
.team_photo{height:280px}
}
@media (max-width: 375px) {
.ttl_content h1{font-size:30px}
.story_sidebar h2{font-size:30px}
.story_block{padding:24px 20px}
.team_intro h2{font-size:32px}
.team_info{padding:24px}
}
.success_pg{background:linear-gradient(135deg,#1a0f2e 0%,#0d0618 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden}
.success_pg::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 40%,#6234b026 0%,transparent 50%),radial-gradient(circle at 70% 60%,#c8410f1f 0%,transparent 50%);animation:float_bg 25s ease-in-out infinite}
@keyframes float_bg {
0%,100%{transform:translate(0,0) rotate(0deg)}
33%{transform:translate(2%,-3%) rotate(5deg)}
66%{transform:translate(-3%,2%) rotate(-5deg)}
}
.success_pg::after{content:'';position:absolute;top:10%;right:8%;width:320px;height:320px;background:radial-gradient(circle,#6234b033 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:pulse_glow 8s ease-in-out infinite}
@keyframes pulse_glow {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.2);opacity:.5}
}
.success_inner_wrap{position:relative;z-index:2;max-width:680px;width:100%}
.success_content_block{background:linear-gradient(160deg,#190f28d9 0%,#0f0819e6 100%);border:1px solid #6234b040;border-radius:20px;padding:3.5rem 2.5rem;box-shadow:0 8px 32px #0006 0 0 0 1px #6234b01a inset,0 4px 16px #c8410f26;position:relative;overflow:hidden}
.success_content_block::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#6234B0 25%,#C8410F 50%,#6234B0 75%,transparent 100%);animation:shimmer_line 3s ease-in-out infinite}
@keyframes shimmer_line {
0%,100%{opacity:.4}
50%{opacity:.9}
}
.success_content_block::after{content:'';position:absolute;bottom:-100px;right:-100px;width:280px;height:280px;background:radial-gradient(circle,#c8410f26 0%,transparent 70%);border-radius:50%;filter:blur(50px)}
.icon_check_holder{width:90px;height:90px;margin:0 auto 2rem;position:relative;display:flex;align-items:center;justify-content:center}
.icon_check_circle{position:absolute;width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#6234b04d 0%,#c8410f40 100%);border:2px solid #6234b066;animation:pulse_circle 2s ease-in-out infinite}
@keyframes pulse_circle {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.08);opacity:.9}
}
.icon_check_circle.ring_outer{width:110%;height:110%;border:1px solid #c8410f4d;animation:pulse_outer 2s ease-in-out infinite}
@keyframes pulse_outer {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.1);opacity:.6}
}
.check_mark_svg{position:relative;z-index:3;width:48px;height:48px}
.success_title_main{font-size:2.25rem;font-weight:700;color:#FFFDE7;text-align:center;margin:0 0 1.25rem;line-height:1.2;letter-spacing:-.02em;position:relative;z-index:2}
.success_message_txt{font-size:1.125rem;line-height:1.7;color:#fffde7d9;text-align:center;margin:0 0 2.5rem;position:relative;z-index:2}
.success_message_txt .highlight_word{color:#C8410F;font-weight:600}
.action_btn_group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btn_primary_success{padding:.95rem 2.2rem;background:linear-gradient(135deg,#6234B0 0%,#7d4ac7 100%);color:#FFFDE7;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:600;border:1px solid #6234b066;box-shadow:0 4px 12px #6234b04d 0 0 0 1px #fffde71a inset;transition:all .3s ease;position:relative;overflow:hidden;z-index:10}
.btn_primary_success::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fffde733,transparent);transition:left .5s ease}
.btn_primary_success:hover::before{left:100%}
.btn_primary_success:hover{background:linear-gradient(135deg,#7d4ac7 0%,#8f5fd4 100%);box-shadow:0 6px 20px #6234b073 0 0 0 1px #fffde733 inset;transform:translateY(-2px)}
.btn_secondary_outline{padding:.95rem 2.2rem;background:transparent;color:#FFFDE7;text-decoration:none;border-radius:10px;font-size:1rem;font-weight:600;border:2px solid #c8410f80;box-shadow:0 4px 12px #c8410f33;transition:all .3s ease;position:relative;z-index:10}
.btn_secondary_outline:hover{background:#c8410f26;border-color:#c8410fb3;box-shadow:0 6px 20px #c8410f59;transform:translateY(-2px)}
.info_note_bottom{margin-top:2.5rem;padding-top:2rem;border-top:1px solid #6234b033;text-align:center;position:relative;z-index:2}
.note_txt_small{font-size:.9rem;color:#fffde7a6;line-height:1.6;margin:0}
.note_txt_small a{color:#C8410F;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}
.note_txt_small a:hover{border-bottom-color:#C8410F}
@media (max-width: 768px) {
.success_pg{padding:2rem 1rem;min-height:75vh}
.success_content_block{padding:2.5rem 1.75rem;border-radius:16px}
.success_title_main{font-size:1.75rem;margin-bottom:1rem}
.success_message_txt{font-size:1rem;margin-bottom:2rem}
.icon_check_holder{width:75px;height:75px;margin-bottom:1.5rem}
.check_mark_svg{width:40px;height:40px}
.action_btn_group{flex-direction:column;gap:.85rem}
.btn_primary_success,.btn_secondary_outline{width:100%;padding:.85rem 1.5rem;font-size:.95rem}
.info_note_bottom{margin-top:2rem;padding-top:1.5rem}
.note_txt_small{font-size:.85rem}
}
@media (max-width: 375px) {
.success_content_block{padding:2rem 1.25rem}
.success_title_main{font-size:1.5rem}
.icon_check_holder{width:65px;height:65px}
.check_mark_svg{width:35px;height:35px}
}