@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Playfair Display',serif;background:#FCF7F4;color:#13004A;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}
.site_wrap{max-width:960px;margin:0 auto;padding:0 20px;width:100%}
.head_main{background:linear-gradient(135deg,#13004A 0%,#0EC6FF 100%);padding:24px 0;box-shadow:0 4px 12px #0ec6ff26}
.head_main .head_container{max-width:960px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.head_main .logo_block{display:flex;align-items:center;gap:16px}
.head_main .logo_block .logo_img{width:110px;height:110px;background:#FCF7F4;border-radius:12px;padding:12px;box-shadow:0 6px 18px #13004a33}
.head_main .logo_block .logo_img img{width:100%;height:100%;object-fit:contain}
.head_main .brand_txt{display:flex;flex-direction:column;gap:4px}
.head_main .brand_txt .company_title{font-size:28px;font-weight:700;color:#FCF7F4;letter-spacing:.5px}
.head_main .brand_txt .tag_line{font-size:14px;color:#fcf7f4d9;font-weight:400}
.head_main .connector_dot{width:8px;height:8px;background:#fcf7f480;border-radius:50%;flex-shrink:0}
.head_main .main_navi{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.head_main .main_navi a{color:#FCF7F4;text-decoration:none;font-size:16px;padding:10px 18px;border-radius:8px;transition:background .3s ease;font-weight:400}
.head_main .main_navi a:hover{background:#fcf7f426}
main{flex:1}
.foot_main{background:#13004A;padding:60px 0 30px;margin-top:80px;border-top:3px solid #0EC6FF}
.foot_main .foot_container{max-width:960px;margin:0 auto;padding:0 20px}
.foot_main .foot_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;padding-bottom:40px;border-bottom:1px solid #0ec6ff4d}
.foot_main .foot_section h3{color:#0EC6FF;font-size:18px;font-weight:700;margin-bottom:16px}
.foot_main .foot_section p,.foot_main .foot_section a{color:#fcf7f4d9;font-size:14px;line-height:1.8;text-decoration:none;display:block;margin-bottom:8px}
.foot_main .foot_section a:hover{color:#0EC6FF}
.foot_main .foot_section .contact_item{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}
.foot_main .foot_section .contact_item ion-icon{color:#0EC6FF;font-size:18px;flex-shrink:0;margin-top:2px}
.foot_main .foot_links{list-style:none}
.foot_main .foot_links li{margin-bottom:10px}
.foot_main .copyright_bar{text-align:center;padding-top:30px;color:#fcf7f4a6;font-size:14px}
.cookie_popup{position:fixed;bottom:20px;right:20px;width:420px;max-width:calc(100vw - 40px);background:#FCF7F4;border-radius:12px;box-shadow:0 8px 24px #13004a4d;padding:28px;z-index:9999;border:2px solid #0EC6FF;display:none}
.cookie_popup.visible{display:block}
.cookie_popup .popup_tabs{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid #0ec6ff4d}
.cookie_popup .popup_tabs button{background:transparent;border:none;color:#13004A;font-family:'Playfair Display',serif;font-size:15px;padding:10px 16px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .3s ease}
.cookie_popup .popup_tabs button.active_tab{color:#0EC6FF;border-bottom-color:#0EC6FF;font-weight:700}
.cookie_popup .tab_content{display:none}
.cookie_popup .tab_content.active_content{display:block}
.cookie_popup .tab_content h3{color:#13004A;font-size:18px;margin-bottom:12px;font-weight:700}
.cookie_popup .tab_content p{color:#13004A;font-size:14px;line-height:1.7;margin-bottom:12px}
.cookie_popup .consent_types{margin:16px 0}
.cookie_popup .consent_types .consent_item{margin-bottom:10px;font-size:13px;color:#13004A;padding-left:8px}
.cookie_popup .button_group{display:flex;gap:12px;margin-top:20px}
.cookie_popup .button_group button{flex:1;padding:12px 20px;border:2px solid #0EC6FF;background:transparent;color:#13004A;font-family:'Playfair Display',serif;font-size:14px;font-weight:700;border-radius:8px;cursor:pointer;transition:all .3s ease}
.cookie_popup .button_group button:hover{background:#0ec6ff1a}
@media (max-width: 768px) {
.head_main .head_container{flex-direction:column;align-items:flex-start;gap:20px}
.head_main .connector_dot{display:none}
.head_main .main_navi{width:100%;justify-content:flex-start}
.head_main .main_navi a{font-size:15px;padding:8px 14px}
.foot_main .foot_grid{grid-template-columns:1fr;gap:30px}
.cookie_popup{width:calc(100vw - 40px);right:20px;bottom:20px}
.cookie_popup .button_group{flex-direction:column}
}
@media (max-width: 480px) {
.head_main .logo_block{flex-direction:column;align-items:center;text-align:center}
.head_main .brand_txt .company_title{font-size:24px}
.head_main .main_navi{flex-direction:column;width:100%}
.head_main .main_navi a{width:100%;text-align:center}
}
.policy-main{max-width:960px;margin:0 auto;padding:60px 20px;background:#FCF7F4}
.policy-main p{font-size:16px;line-height:1.8;color:#13004A;margin:0 0 24px;text-align:justify}
.policy-main p:last-child{margin-bottom:0}
.policy-main strong,.policy-main b{font-weight:700;color:#13004A}
.policy-main em,.policy-main i{font-style:italic;color:#13004A}
.policy-main a{color:#0EC6FF;text-decoration:none;border-bottom:1px solid #0ec6ff4d;transition:all .3s ease}
.policy-main a:hover{color:#13004A;border-bottom-color:#13004A;transform:translateY(-1px)}
.policy-main table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #13004a14}
.policy-main thead{background:#13004A}
.policy-main thead tr{border:none}
.policy-main thead th{color:#FCF7F4;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px}
.policy-main tbody{background:#fff}
.policy-main tbody tr{border-bottom:1px solid #13004a14;transition:background .2s ease}
.policy-main tbody tr:last-child{border-bottom:none}
.policy-main tbody tr:hover{background:#0ec6ff0a}
.policy-main td{padding:14px 20px;color:#13004A;font-size:15px;line-height:1.6}
.policy-main th{text-align:left}
.policy-main hr{border:none;height:2px;background:linear-gradient(90deg,#0ec6ff33,#13004a33,#0ec6ff33);margin:48px 0;border-radius:2px}
.policy-main div{margin:24px 0}
.policy-main div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-main{padding:40px 16px}
.policy-main p{font-size:15px;line-height:1.7;margin-bottom:20px;text-align:left}
.policy-main table{font-size:14px;margin:24px 0;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-main thead th{padding:12px 14px;font-size:14px;white-space:nowrap}
.policy-main td{padding:10px 14px;font-size:14px}
.policy-main hr{margin:32px 0}
}
@media (max-width: 480px) {
.policy-main{padding:32px 14px}
.policy-main p{font-size:14px;margin-bottom:18px}
.policy-main table{font-size:13px;margin:20px -14px;border-radius:0;width:calc(100% + 28px)}
.policy-main thead th{padding:10px 12px;font-size:13px}
.policy-main td{padding:8px 12px;font-size:13px}
}
.blog_wrapper{width:100%;max-width:960px;margin:0 auto;padding:40px 20px}
.featured_img_container{width:100%;margin-bottom:32px;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#0EC6FF 0%,#13004A 100%)}
.featured_img_container img{width:100%;height:auto;display:block;opacity:.95}
.blog_header_section{margin-bottom:48px;position:relative}
.post_title_main{font-size:42px;line-height:1.2;color:#13004A;margin:0 0 24px;font-weight:700}
.bookmark_action_wrapper{display:flex;align-items:center;gap:16px;margin-top:24px}
.save_bookmark_btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(90deg,#0EC6FF 0%,#13004A 100%);color:#FCF7F4;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #0ec6ff40}
.save_bookmark_btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #0ec6ff66}
.save_bookmark_btn:active{transform:scale(0.98)}
.save_bookmark_btn ion-icon{font-size:22px}
.content_article_body{line-height:1.8;color:#2a2a2a}
.content_article_body p{margin:0 0 24px;font-size:18px}
.content_article_body p:last-child{margin-bottom:0}
.decorative_divider_top{width:80px;height:4px;background:linear-gradient(90deg,#0EC6FF,#13004A);margin:0 0 32px;border-radius:2px}
.accent_highlight{position:relative;display:inline;color:#0EC6FF;font-weight:600}
.accent_highlight::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,#0EC6FF,transparent)}
.bookmark_status_indicator{display:none;align-items:center;gap:8px;padding:10px 18px;background:#0ec6ff1a;border:2px solid #0EC6FF;border-radius:8px;color:#13004A;font-size:14px;font-weight:600}
.bookmark_status_indicator ion-icon{font-size:18px;color:#0EC6FF}
.visual_break_section{width:100%;height:1px;background:linear-gradient(90deg,transparent,#0EC6FF,transparent);margin:48px 0;position:relative}
.visual_break_section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#0EC6FF;border-radius:50%;box-shadow:0 0 12px #0ec6ff99}
.reading_progress_bar{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#0EC6FF,#13004A);z-index:1000;transition:width .1s ease}
@media (max-width: 768px) {
.blog_wrapper{padding:24px 16px}
.post_title_main{font-size:32px;margin-bottom:20px}
.content_article_body p{font-size:16px;margin-bottom:20px}
.save_bookmark_btn{padding:12px 20px;font-size:14px}
.bookmark_action_wrapper{flex-direction:column;align-items:flex-start;gap:12px}
.featured_img_container{margin-bottom:24px}
}
@media (max-width: 480px) {
.post_title_main{font-size:26px}
.content_article_body p{font-size:15px}
.save_bookmark_btn{width:100%;justify-content:center}
}
.hero_wrap{max-width:960px;margin:0 auto;padding:80px 20px;position:relative}
.hero_inner{display:flex;align-items:center;gap:60px;position:relative}
.hero_text{flex:1;z-index:2}
.hero_text h1{font-size:48px;color:#13004A;margin:0 0 20px;line-height:1.1}
.hero_text p{font-size:18px;color:#13004A;margin:0 0 32px;line-height:1.6;opacity:.85}
.hero_cta{display:inline-block;background:linear-gradient(135deg,#0EC6FF 0%,#13004A 100%);color:#FCF7F4;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 14px #0ec6ff4d}
.hero_cta:hover{transform:scale(1.05);box-shadow:0 6px 20px #0ec6ff73}
.hero_img_wrapper{flex:1;position:relative}
.hero_img_clip{clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);overflow:hidden;border-radius:8px;box-shadow:0 12px 32px #13004a26;transform:rotate(-2deg)}
.hero_img_clip img{width:100%;height:450px;object-fit:cover;display:block}
.hero_accent{position:absolute;width:200px;height:200px;background:radial-gradient(circle,#0ec6ff33 0%,transparent 70%);border-radius:50%;top:-40px;right:-60px;z-index:1;pointer-events:none}
.path_section{background:linear-gradient(180deg,#FCF7F4 0%,#fcf7f466 100%);padding:80px 20px;margin:60px 0}
.path_container{max-width:960px;margin:0 auto}
.path_header{text-align:center;margin-bottom:60px}
.path_header h2{font-size:38px;color:#13004A;margin:0 0 16px;position:relative;display:inline-block}
.path_header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#0EC6FF,#13004A);border-radius:2px}
.path_header p{font-size:18px;color:#13004A;opacity:.8;max-width:640px;margin:0 auto}
.journey_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:48px}
.stage_card{background:#ffffffe6;border-radius:12px;padding:32px 24px;box-shadow:0 4px 16px #13004a14;transition:all .3s ease;border:2px solid transparent;position:relative}
.stage_card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0ec6ff33;border-color:#0EC6FF}
.stage_num{display:inline-block;width:48px;height:48px;background:linear-gradient(135deg,#0EC6FF,#13004A);color:#FCF7F4;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.stage_card h3{font-size:22px;color:#13004A;margin:0 0 12px}
.stage_card p{font-size:15px;color:#13004A;opacity:.75;margin:0;line-height:1.6}
.journey_visual{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.visual_img img{width:100%;height:360px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #13004a1f}
.progress_tracker{display:flex;flex-direction:column;gap:24px}
.progress_item{position:relative;padding-left:40px}
.progress_item::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:#0EC6FF;border-radius:50%;box-shadow:0 0 0 4px #0ec6ff33}
.progress_item h4{font-size:18px;color:#13004A;margin:0 0 8px;font-weight:600}
.progress_item p{font-size:15px;color:#13004A;opacity:.75;margin:0}
.progress_bar_wrap{margin-top:12px;background:#13004a1a;height:8px;border-radius:4px;overflow:hidden}
.progress_fill{height:100%;background:linear-gradient(90deg,#0EC6FF,#13004A);border-radius:4px;transition:width .6s ease}
.progress_item:nth-child(1) .progress_fill{width:35%}
.progress_item:nth-child(2) .progress_fill{width:65%}
.progress_item:nth-child(3) .progress_fill{width:90%}
.custom_section{max-width:960px;margin:80px auto;padding:0 20px}
.custom_layout{display:flex;gap:48px;align-items:flex-start;background:#FCF7F4;border-radius:16px;padding:56px 48px;box-shadow:0 6px 20px #13004a1a}
.custom_visual{flex:0 0 420px}
.custom_visual img{width:100%;height:340px;object-fit:cover;border-radius:12px;box-shadow:0 8px 20px #13004a26}
.custom_content{flex:1}
.custom_content h2{font-size:36px;color:#13004A;margin:0 0 24px;position:relative;padding-left:20px}
.custom_content h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#0EC6FF,#13004A);border-radius:3px}
.custom_list{list-style:none;padding:0;margin:0 0 32px}
.custom_list li{padding:16px 0;border-bottom:1px solid #13004a1a;display:flex;align-items:flex-start;gap:16px}
.custom_list li:last-child{border-bottom:none}
.list_icon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#0EC6FF,#13004A);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#FCF7F4;font-size:18px}
.list_text{flex:1}
.list_text h4{font-size:18px;color:#13004A;margin:0 0 6px;font-weight:600}
.list_text p{font-size:15px;color:#13004A;opacity:.75;margin:0;line-height:1.5}
.custom_action{display:inline-block;background:#13004A;color:#FCF7F4;padding:14px 32px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease}
.custom_action:hover{background:#0EC6FF;transform:scale(1.03);box-shadow:0 4px 16px #0ec6ff4d}
@media (max-width: 768px) {
.hero_inner{flex-direction:column;gap:40px}
.hero_text h1{font-size:34px}
.hero_img_clip{transform:rotate(0deg)}
.hero_img_clip img{height:300px}
.journey_grid{grid-template-columns:1fr;gap:24px}
.journey_visual{grid-template-columns:1fr;gap:32px}
.custom_layout{flex-direction:column;padding:40px 24px}
.custom_visual{flex:1;width:100%}
.custom_content h2{font-size:28px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.journey_grid{grid-template-columns:repeat(2,1fr)}
.stage_card:nth-child(3){grid-column:1 / -1;max-width:500px;margin:0 auto}
}
.contact_hero{position:relative;min-height:480px;background:linear-gradient(135deg,#0EC6FF 0%,#13004A 100%);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:60px}
.contact_hero .overlay_layer{position:absolute;top:0;left:0;width:100%;height:100%;background:url(./content_assets/tmp_content-image-5.jpg) center/cover;mix-blend-mode:screen;opacity:.4;filter:grayscale(100%) contrast(1.2)}
.contact_hero .title_wrap{position:relative;z-index:2;text-align:center;padding:40px 20px;max-width:760px;margin:0 auto}
.contact_hero h1{font-size:48px;font-weight:700;color:#FCF7F4;margin:0 0 20px;line-height:1.2;text-shadow:0 4px 12px #13004a4d}
.contact_hero h1 span{color:#0EC6FF;display:inline-block;position:relative}
.contact_hero h1 span::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:#0EC6FF;box-shadow:0 0 12px #0ec6ff99}
.contact_hero p{font-size:18px;color:#FCF7F4;margin:0;line-height:1.6;opacity:.95}
.info_section{background:#FCF7F4;padding:80px 20px;position:relative}
.info_section::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#0EC6FF 0%,#13004A 50%,#0EC6FF 100%)}
.info_container{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.info_card{background:#fff;padding:32px;border-radius:12px;box-shadow:0 6px 20px #13004a14;transition:transform .3s ease,box-shadow .3s ease;border-left:4px solid #0EC6FF}
.info_card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #13004a26}
.info_card h3{font-size:22px;font-weight:600;color:#13004A;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.info_card h3 ion-icon{font-size:28px;color:#0EC6FF}
.info_card p{font-size:16px;color:#13004A;margin:0 0 8px;line-height:1.7}
.info_card a{color:#0EC6FF;text-decoration:none;transition:color .2s ease;font-weight:500}
.info_card a:hover{color:#13004A}
.form_section{background:linear-gradient(165deg,#13004A 0%,#0a0028 100%);padding:90px 20px;position:relative;overflow:hidden}
.form_section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#0ec6ff26 0%,transparent 70%);border-radius:50%}
.form_wrap{max-width:640px;margin:0 auto;position:relative;z-index:1}
.form_wrap h2{font-size:36px;font-weight:700;color:#FCF7F4;margin:0 0 12px;text-align:center}
.form_wrap .subtitle{font-size:17px;color:#FCF7F4;text-align:center;margin:0 0 40px;opacity:.9;line-height:1.6}
.contact_form{background:#fcf7f4fa;padding:48px 40px;border-radius:16px;box-shadow:0 16px 48px #0000004d}
.form_grid{display:grid;gap:28px}
.field_group{display:flex;flex-direction:column}
.field_group label{font-size:15px;font-weight:600;color:#13004A;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.field_group label ion-icon{font-size:20px;color:#0EC6FF}
.field_group input,.field_group textarea{padding:14px 18px;border:2px solid #e0dbd7;border-radius:10px;font-size:16px;color:#13004A;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.field_group input:focus,.field_group textarea:focus{outline:none;border-color:#0EC6FF;box-shadow:0 0 0 4px #0ec6ff26}
.field_group textarea{resize:vertical;min-height:140px;font-family:inherit}
.privacy_wrap{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacy_wrap input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#0EC6FF;flex-shrink:0}
.privacy_wrap label{font-size:14px;color:#13004A;line-height:1.5;cursor:pointer}
.privacy_wrap a{color:#0EC6FF;text-decoration:none;font-weight:600;transition:color .2s ease}
.privacy_wrap a:hover{color:#13004A}
.submit_btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#0EC6FF 0%,#13004A 100%);color:#FCF7F4;font-size:17px;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;margin-top:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 8px 24px #0ec6ff4d}
.submit_btn:hover{transform:scale(1.04);box-shadow:0 12px 36px #0ec6ff73}
.submit_btn:active{transform:scale(0.98)}
.opportunities_section{background:#FCF7F4;padding:90px 20px;position:relative}
.opportunities_section::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:80px;background:linear-gradient(180deg,transparent 0%,#13004a0d 100%)}
.opportunities_container{max-width:960px;margin:0 auto}
.opportunities_container h2{font-size:38px;font-weight:700;color:#13004A;margin:0 0 20px;text-align:center;position:relative}
.opportunities_container h2::before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#0EC6FF;border-radius:2px}
.opportunities_intro{font-size:18px;color:#13004A;text-align:center;margin:32px 0 60px;line-height:1.7;max-width:720px;margin-left:auto;margin-right:auto}
.opportunities_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.opp_card{background:#fff;padding:36px 28px;border-radius:14px;box-shadow:0 8px 28px #13004a1a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border-top:5px solid #0EC6FF;position:relative}
.opp_card::before{content:'';position:absolute;top:-5px;left:0;width:100%;height:5px;background:linear-gradient(90deg,#0EC6FF 0%,#13004A 100%);opacity:0;transition:opacity .3s ease}
.opp_card:hover::before{opacity:1}
.opp_card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #13004a2e}
.opp_card ion-icon{font-size:52px;color:#0EC6FF;margin-bottom:20px}
.opp_card h3{font-size:20px;font-weight:600;color:#13004A;margin:0 0 14px}
.opp_card p{font-size:15px;color:#13004A;margin:0;line-height:1.6;opacity:.85}
@media (max-width: 768px) {
.contact_hero h1{font-size:32px}
.contact_hero{min-height:360px}
.info_container{grid-template-columns:1fr;gap:24px}
.contact_form{padding:32px 24px}
.form_wrap h2{font-size:28px}
.opportunities_grid{grid-template-columns:1fr;gap:24px}
.opportunities_container h2{font-size:30px}
}
@media (max-width: 480px) {
.contact_hero h1{font-size:26px}
.info_section{padding:50px 20px}
.form_section{padding:60px 20px}
.opportunities_section{padding:60px 20px}
}
.title_block{max-width:960px;margin:0 auto;padding:80px 20px 60px;display:flex;align-items:center;gap:50px;position:relative}
.title_block::before{content:'';position:absolute;top:10%;left:5%;width:180px;height:180px;background:radial-gradient(circle,#0ec6ff26 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}
.title_block::after{content:'';position:absolute;bottom:15%;right:8%;width:140px;height:140px;background:radial-gradient(circle,#13004a14 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}
.img_frame{position:relative;flex-shrink:0;width:380px;height:480px;border:3px solid #0EC6FF;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0ec6ff33;z-index:1}
.img_frame img{width:100%;height:100%;object-fit:cover}
.txt_content{flex:1;position:relative;z-index:1}
.txt_content h1{font-size:42px;line-height:1.2;margin:0 0 24px;color:#13004A}
.txt_content h1 .highlight{color:#0EC6FF;position:relative;display:inline-block}
.txt_content h1 .highlight::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#0EC6FF,transparent)}
.txt_content p{font-size:17px;line-height:1.7;color:#13004A;margin:0 0 16px}
.story_wrapper{background:linear-gradient(135deg,#FCF7F4 0%,#0ec6ff0d 100%);padding:70px 20px}
.story_inner{max-width:960px;margin:0 auto}
.story_header{text-align:center;margin-bottom:50px}
.story_header h2{font-size:36px;color:#13004A;margin:0 0 20px;position:relative;display:inline-block}
.story_header h2::before{content:'';position:absolute;top:-10px;left:-30px;width:24px;height:24px;border:3px solid #0EC6FF;border-radius:50%}
.story_header p{font-size:18px;color:#13004A;max-width:720px;margin:0 auto;line-height:1.6}
.timeline_container{position:relative;padding-left:60px}
.timeline_container::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#0EC6FF 0%,#0ec6ff4d 100%)}
.timeline_item{position:relative;margin-bottom:40px}
.timeline_item::before{content:'';position:absolute;left:-48px;top:8px;width:16px;height:16px;background:#0EC6FF;border:4px solid #FCF7F4;border-radius:50%;box-shadow:0 0 0 3px #0ec6ff33}
.timeline_year{font-size:22px;font-weight:600;color:#0EC6FF;margin:0 0 8px}
.timeline_desc{font-size:16px;line-height:1.6;color:#13004A;margin:0}
.values_section{padding:70px 20px;background:#fff}
.values_content{max-width:960px;margin:0 auto}
.values_intro{text-align:center;margin-bottom:50px}
.values_intro h2{font-size:36px;color:#13004A;margin:0 0 18px}
.values_intro p{font-size:17px;color:#13004A;line-height:1.6;margin:0}
.values_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.value_card{background:linear-gradient(135deg,#FCF7F4 0%,#0ec6ff08 100%);border:2px solid #0ec6ff26;border-radius:12px;padding:32px 28px;position:relative;overflow:hidden;transition:all .3s ease}
.value_card::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#0ec6ff14 0%,transparent 70%);border-radius:50%;transition:all .4s ease}
.value_card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0ec6ff26;border-color:#0EC6FF}
.value_card:hover::before{top:-30%;right:-30%}
.value_icon{width:56px;height:56px;background:linear-gradient(135deg,#0EC6FF 0%,#0ec6ffb3 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:1}
.value_icon svg{width:28px;height:28px;fill:#fff}
.value_card h3{font-size:22px;color:#13004A;margin:0 0 12px;position:relative;z-index:1}
.value_card p{font-size:16px;line-height:1.6;color:#13004A;margin:0;position:relative;z-index:1}
.approach_zone{background:#13004A;padding:70px 20px;position:relative;overflow:hidden}
.approach_zone::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#0ec6ff0d 25%,transparent 25%),linear-gradient(-45deg,#0ec6ff0d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0ec6ff0d 75%),linear-gradient(-45deg,transparent 75%,#0ec6ff0d 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;opacity:.3;pointer-events:none}
.approach_holder{max-width:960px;margin:0 auto;position:relative;z-index:1}
.approach_head{text-align:center;margin-bottom:50px}
.approach_head h2{font-size:36px;color:#FCF7F4;margin:0 0 18px}
.approach_head p{font-size:18px;color:#fcf7f4d9;line-height:1.6;margin:0}
.method_layout{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.method_box{background:#fcf7f40d;border:2px solid #0ec6ff4d;border-radius:10px;padding:28px 24px;text-align:center;transition:all .35s ease;position:relative}
.method_box::before{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#0ec6ff66,transparent);border-radius:10px;opacity:0;transition:opacity .35s ease;z-index:-1}
.method_box:hover::before{opacity:1}
.method_box:hover{transform:scale(1.05);background:#0ec6ff14}
.method_num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#0EC6FF;color:#13004A;font-size:24px;font-weight:700;border-radius:50%;margin-bottom:18px}
.method_box h4{font-size:20px;color:#FCF7F4;margin:0 0 12px}
.method_box p{font-size:15px;line-height:1.5;color:#fcf7f4cc;margin:0}
.img_showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.showcase_pic{border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease}
.showcase_pic:hover{transform:scale(1.03)}
.showcase_pic img{width:100%;height:240px;object-fit:cover;display:block}
@media (max-width: 768px) {
.title_block{flex-direction:column;padding:50px 20px 40px;gap:30px}
.img_frame{width:100%;max-width:340px;height:420px}
.txt_content h1{font-size:32px}
.story_wrapper{padding:50px 20px}
.story_header h2{font-size:28px}
.timeline_container{padding-left:50px}
.timeline_container::before{left:15px}
.timeline_item::before{left:-42px}
.values_section{padding:50px 20px}
.values_intro h2{font-size:28px}
.values_grid{grid-template-columns:1fr;gap:20px}
.approach_zone{padding:50px 20px}
.approach_head h2{font-size:28px}
.method_layout{grid-template-columns:1fr;gap:20px}
.img_showcase{grid-template-columns:1fr;gap:16px}
.showcase_pic img{height:220px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.title_block{gap:40px;padding:60px 20px 50px}
.img_frame{width:320px;height:400px}
.txt_content h1{font-size:36px}
.values_grid{gap:24px}
.method_layout{grid-template-columns:1fr;gap:20px}
.img_showcase{grid-template-columns:repeat(3,1fr);gap:18px}
.showcase_pic img{height:200px}
}
.blg_hero{background:linear-gradient(135deg,#0EC6FF 0%,#13004A 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.blg_hero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#fcf7f41a;border-radius:50%;z-index:1}
.blg_hero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#0ec6ff26;border-radius:50%;z-index:1}
.hero_wrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.hero_wrap h1{font-size:48px;color:#FCF7F4;margin:0 0 20px;font-weight:700;letter-spacing:-.5px}
.hero_wrap .intro_txt{font-size:18px;color:#fcf7f4e6;max-width:640px;margin:0 auto;line-height:1.6}
.posts_wrapper{max-width:960px;margin:80px auto;padding:0 20px}
.posts_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.post_card{background:#FCF7F4;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #13004a14;transition:all .3s ease;display:flex;flex-direction:column}
.post_card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #13004a26}
.post_card img{width:100%;height:220px;object-fit:cover;display:block}
.post_content{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.post_content h2{font-size:22px;color:#13004A;margin:0 0 14px;font-weight:600;line-height:1.3}
.post_content .desc{font-size:15px;color:#666;line-height:1.6;margin:0 0 20px;flex-grow:1}
.post_content .read_link{display:inline-flex;align-items:center;gap:8px;color:#0EC6FF;font-weight:500;text-decoration:none;font-size:15px;transition:all .25s ease;align-self:flex-start}
.post_content .read_link:hover{color:#13004A;gap:12px}
.post_content .read_link::after{content:'→';font-size:18px;transition:transform .25s ease}
.post_content .read_link:hover::after{transform:translateX(4px)}
.featured_info{background:linear-gradient(45deg,#13004A 0%,#0EC6FF 100%);padding:60px 20px;margin-bottom:60px;border-radius:16px;position:relative;overflow:hidden}
.featured_info::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h60v60H0z' fill='none'/%3E%3Cpath d='M30 15l5 10h10l-8 8 3 10-10-6-10 6 3-10-8-8h10z' fill='#fcf7f40d'/%3E%3C/svg%3E");opacity:.4}
.featured_content{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.featured_content h2{font-size:32px;color:#FCF7F4;margin:0 0 20px;font-weight:600}
.featured_content .feat_desc{font-size:17px;color:#fcf7f4e6;line-height:1.7;margin-bottom:30px}
.feat_cta{display:inline-block;padding:14px 36px;background:#FCF7F4;color:#13004A;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.feat_cta:hover{background:#0EC6FF;color:#FCF7F4;transform:scale(1.05);box-shadow:0 6px 24px #0003}
.info_blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-bottom:80px}
.info_item{background:#FCF7F4;padding:32px 28px;border-radius:12px;border-left:4px solid #0EC6FF;box-shadow:0 2px 10px #13004a0f;transition:all .3s ease}
.info_item:hover{border-left-color:#13004A;box-shadow:0 8px 20px #13004a1f;transform:translateX(4px)}
.info_item h3{font-size:20px;color:#13004A;margin:0 0 14px;font-weight:600;display:flex;align-items:center;gap:10px}
.info_item h3::before{content:'';width:8px;height:8px;background:#0EC6FF;border-radius:50%;display:inline-block}
.info_item .info_txt{font-size:15px;color:#555;line-height:1.6}
.newsletter_wrap{background:#13004A;padding:60px 20px;border-radius:16px;text-align:center;margin-bottom:60px}
.newsletter_inner{max-width:640px;margin:0 auto}
.newsletter_inner h2{font-size:30px;color:#FCF7F4;margin:0 0 16px;font-weight:600}
.newsletter_inner .news_desc{font-size:16px;color:#fcf7f4d9;margin-bottom:30px;line-height:1.6}
.news_form{display:flex;gap:12px;max-width:500px;margin:0 auto}
.news_form input[type="email"]{flex:1;padding:14px 20px;border:2px solid #0ec6ff4d;border-radius:8px;background:#fcf7f41a;color:#FCF7F4;font-size:15px;transition:all .3s ease}
.news_form input[type="email"]::placeholder{color:#fcf7f480}
.news_form input[type="email"]:focus{outline:none;border-color:#0EC6FF;background:#fcf7f426}
.news_form button{padding:14px 32px;background:#0EC6FF;color:#13004A;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.news_form button:hover{background:#FCF7F4;transform:scale(1.04)}
@media (max-width: 768px) {
.blg_hero{padding:60px 20px 40px}
.hero_wrap h1{font-size:36px}
.hero_wrap .intro_txt{font-size:16px}
.posts_wrapper{margin:60px auto}
.posts_grid{grid-template-columns:1fr;gap:24px}
.featured_info{padding:40px 20px}
.featured_content h2{font-size:26px}
.featured_content .feat_desc{font-size:15px}
.info_blocks{grid-template-columns:1fr;gap:20px}
.newsletter_wrap{padding:40px 20px}
.newsletter_inner h2{font-size:24px}
.news_form{flex-direction:column}
.news_form button{width:100%}
}
@media (max-width: 480px) {
.hero_wrap h1{font-size:28px}
.post_card img{height:180px}
.post_content{padding:20px}
.post_content h2{font-size:19px}
}
.success_wrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#FCF7F4 0%,#00c6ff14 100%);position:relative;overflow:hidden}
.success_wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c6ff1f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success_wrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#13004a0f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.success_inner{max-width:720px;width:100%;background:#fff;border-radius:12px;padding:80px 50px;text-align:center;box-shadow:0 12px 40px #13004a14;position:relative;z-index:2}
.checkmark_holder{width:90px;height:90px;margin:0 auto 32px;position:relative}
.checkmark_holder svg{width:100%;height:100%}
.check_circle{stroke:#0EC6FF;stroke-width:3;fill:none;stroke-dasharray:283;stroke-dashoffset:283;animation:circle_anim .6s ease-out forwards}
.check_path{stroke:#0EC6FF;stroke-width:3.5;fill:none;stroke-dasharray:70;stroke-dashoffset:70;animation:check_anim .5s .4s ease-out forwards;stroke-linecap:round}
@keyframes circle_anim {
to{stroke-dashoffset:0}
}
@keyframes check_anim {
to{stroke-dashoffset:0}
}
.success_heading{font-size:38px;font-weight:700;color:#13004A;margin:0 0 16px;line-height:1.2}
.success_tagline{font-size:17px;color:#555;line-height:1.6;margin:0 0 12px}
.success_info{font-size:15px;color:#777;line-height:1.5;margin:0 0 40px}
.btn_group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primary_btn{display:inline-block;padding:15px 36px;background:linear-gradient(135deg,#0EC6FF 0%,#0AA8D9 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #0ec6ff40}
.primary_btn:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0ec6ff59;background:linear-gradient(135deg,#0AA8D9 0%,#0EC6FF 100%)}
.secondary_btn{display:inline-block;padding:15px 36px;background:#FCF7F4;color:#13004A;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #13004a26}
.secondary_btn:hover{background:#fff;border-color:#0EC6FF;transform:translateY(-2px);box-shadow:0 6px 18px #13004a1a}
.decoration_dots{position:absolute;top:30px;right:30px;width:60px;height:60px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;opacity:.15}
.decoration_dots span{width:100%;height:100%;background:#0EC6FF;border-radius:50%}
.decoration_lines{position:absolute;bottom:30px;left:30px;width:50px;height:50px}
.decoration_lines span{position:absolute;background:#13004A;opacity:.1}
.decoration_lines span:nth-child(1){width:30px;height:2px;top:0;left:0}
.decoration_lines span:nth-child(2){width:40px;height:2px;top:12px;left:0}
.decoration_lines span:nth-child(3){width:25px;height:2px;top:24px;left:0}
@media (max-width: 768px) {
.success_wrap{padding:40px 20px}
.success_inner{padding:60px 30px}
.checkmark_holder{width:75px;height:75px;margin-bottom:24px}
.success_heading{font-size:30px}
.success_tagline{font-size:16px}
.success_info{font-size:14px;margin-bottom:32px}
.btn_group{flex-direction:column;gap:12px}
.primary_btn,.secondary_btn{width:100%;padding:14px 28px;font-size:15px}
.decoration_dots{width:45px;height:45px;top:20px;right:20px;gap:4px}
.decoration_lines{width:40px;height:40px;bottom:20px;left:20px}
}
@media (max-width: 480px) {
.success_inner{padding:50px 24px;border-radius:8px}
.success_heading{font-size:26px}
.checkmark_holder{width:65px;height:65px}
}