html{box-sizing:border-box;scroll-behavior:smooth}
body{margin:0;padding:0;font-family:'PT Sans',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fafafa}
*{box-sizing:inherit}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:all .4s ease-in}
button{cursor:pointer;border:none;font-family:inherit;transition:all .4s ease-in}
.hd_wrap{max-width:1400px;margin:0 auto;padding:25px 40px;display:flex;justify-content:space-between;align-items:center;gap:50px;background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);box-shadow:0 4px 20px #0000000f}
header{position:relative;border-bottom:3px solid #00D1CC}
.brand_col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.lg_box{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 4px 12px #7b04121a;padding:12px}
.lg_img{width:100%;height:100%;object-fit:contain}
.comp_nm{font-family:'Inconsolata',monospace;font-size:26px;font-weight:700;color:#7B0412;letter-spacing:1px}
.right_col{display:flex;flex-direction:column;align-items:flex-end;gap:18px}
.main_nv{display:flex;gap:35px;align-items:center}
.nv_lnk{font-size:17px;font-weight:400;color:#2a2a2a;padding:8px 12px;border-radius:6px;position:relative}
.nv_lnk:hover{color:#7B0412;background:#7b04120d}
.contact_dt{display:flex;gap:28px;align-items:center}
.ct_item{display:flex;align-items:center;gap:8px;font-size:15px;color:#4a4a4a}
.ct_item i{font-size:18px;color:#00D1CC}
footer{background:linear-gradient(155deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:50px 0 20px;margin-top:80px}
.ft_wrap{max-width:1400px;margin:0 auto;padding:0 40px}
.ft_top{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:45px;padding-bottom:40px;border-bottom:1px solid #ffffff1a}
.ft_brand{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.ft_logo{width:50px;height:50px;background:#fff;border-radius:6px;padding:8px;display:flex;align-items:center;justify-content:center}
.ft_logo img{width:100%;height:100%;object-fit:contain}
.ft_comp{font-family:'Inconsolata',monospace;font-size:22px;font-weight:700;color:#00D1CC}
.ft_desc{font-size:14px;line-height:1.7;color:#b0b0b0;margin:0}
.ft_hd{font-size:18px;font-weight:700;color:#fff;margin:0 0 18px;font-family:'Inconsolata',monospace}
.ft_nav{display:flex;flex-direction:column;gap:10px}
.ft_link{font-size:15px;color:#b0b0b0;padding:6px 0}
.ft_link:hover{color:#00D1CC}
.ft_contact{display:flex;flex-direction:column;gap:14px}
.ft_ct_item{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#b0b0b0}
.ft_ct_item i{font-size:18px;color:#DD0A05;margin-top:2px}
.cookie_manage_btn{background:transparent;border:2px solid #00D1CC;color:#00D1CC;padding:12px 24px;border-radius:6px;font-size:15px;font-weight:600;margin-top:10px}
.cookie_manage_btn:hover{background:#00D1CC;color:#1a1a1a}
.ft_bottom{padding-top:25px;text-align:center}
.copyright{font-size:14px;color:gray;margin:0}
.cookie_popup{position:fixed;bottom:20px;right:20px;width:420px;max-width:calc(100vw - 40px);background:#fff;border-radius:10px;box-shadow:0 8px 32px #00000026;padding:28px;z-index:9999;display:none;opacity:0;transform:translateY(20px);transition:opacity .3s ease-in,transform .3s ease-in}
.cookie_popup.visible{opacity:1;transform:translateY(0)}
.cookie_title{font-family:'Inconsolata',monospace;font-size:22px;font-weight:700;color:#7B0412;margin:0 0 12px}
.cookie_text{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0 0 20px}
.cookie_options{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.cookie_option{padding:12px;background:#f8f8f8;border-radius:6px}
.cookie_label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600;color:#2a2a2a}
.cookie_check{width:18px;height:18px;cursor:pointer;accent-color:#00D1CC}
.cookie_check:disabled{cursor:not-allowed}
.cookie_name{font-size:16px}
.cookie_desc{font-size:13px;color:#6a6a6a;margin:6px 0 0 28px}
.cookie_actions{display:flex;gap:12px;margin-bottom:16px}
.cookie_btn{flex:1;padding:12px 20px;border-radius:6px;font-size:15px;font-weight:600}
.accept_btn{background:linear-gradient(135deg,#00D1CC 0%,#00a8a4 100%);color:#fff}
.accept_btn:hover{background:linear-gradient(135deg,#00a8a4 0%,#008a87 100%)}
.decline_btn{background:transparent;border:2px solid #DD0A05;color:#DD0A05}
.decline_btn:hover{background:#DD0A05;color:#fff}
.cookie_policy_link{text-align:center}
.policy_link{font-size:13px;color:#7B0412;text-decoration:underline}
.policy_link:hover{color:#DD0A05}
@media (max-width: 1024px) {
.hd_wrap{flex-direction:column;align-items:center;gap:30px;padding:20px 30px}
.brand_col{align-items:center}
.right_col{align-items:center;width:100%}
.main_nv{flex-wrap:wrap;justify-content:center;gap:20px}
.contact_dt{flex-direction:column;gap:12px;text-align:center}
}
@media (max-width: 768px) {
.hd_wrap{padding:18px 20px}
.lg_box{width:70px;height:70px}
.comp_nm{font-size:22px}
.main_nv{flex-direction:column;gap:12px;width:100%}
.nv_lnk{width:100%;text-align:center;padding:10px}
.ft_wrap{padding:0 20px}
.ft_top{grid-template-columns:1fr;gap:35px}
.cookie_popup{width:calc(100vw - 30px);bottom:15px;right:15px;left:15px;padding:22px}
.cookie_actions{flex-direction:column}
}
@media (max-width: 480px) {
.contact_dt{width:100%}
.ct_item{font-size:14px;flex-wrap:wrap;justify-content:center}
.cookie_title{font-size:19px}
.cookie_text{font-size:14px}
}
.policy-layout{max-width:1400px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%)}
.policy-layout p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 24px;font-weight:400;letter-spacing:.2px}
.policy-layout p:last-child{margin-bottom:0}
.policy-layout strong,.policy-layout b{font-weight:700;color:#1a252f}
.policy-layout a{color:#DD0A05;text-decoration:none;border-bottom:1px solid #dd0a054d;transition:all .3s ease-in;font-weight:500}
.policy-layout a:hover{color:#7B0412;border-bottom-color:#7B0412;background:#00d1cc14;padding:2px 4px;margin:-2px -4px}
.policy-layout a:focus{outline:2px solid #00D1CC;outline-offset:2px}
.policy-layout table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #0000000f}
.policy-layout thead{background:linear-gradient(135deg,#7B0412 0%,#DD0A05 100%)}
.policy-layout thead tr th{color:#fff;font-weight:600;text-align:left;padding:18px 24px;font-size:15px;letter-spacing:.5px;text-transform:uppercase}
.policy-layout tbody tr{border-bottom:1px solid #e8ecef;transition:background .3s ease-in}
.policy-layout tbody tr:last-child{border-bottom:none}
.policy-layout tbody tr:hover{background:#00d1cc0a}
.policy-layout tbody tr td{padding:16px 24px;color:#34495e;font-size:15px;line-height:1.6}
.policy-layout tbody tr th{padding:16px 24px;color:#1a252f;font-weight:600;font-size:15px;text-align:left;background:#f8f9fa}
.policy-layout div{margin:24px 0}
.policy-layout div p{margin-bottom:16px}
.policy-layout div p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.policy-layout{padding:60px 16px}
.policy-layout p{font-size:15px;line-height:1.7;margin-bottom:20px}
.policy-layout table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px -16px;width:calc(100% + 32px);border-radius:0}
.policy-layout thead tr th{padding:14px 16px;font-size:13px;white-space:nowrap}
.policy-layout tbody tr td,.policy-layout tbody tr th{padding:12px 16px;font-size:14px;white-space:nowrap}
.policy-layout div{margin:20px 0}
}
@media (max-width: 480px) {
.policy-layout{padding:40px 12px}
.policy-layout p{font-size:14px;line-height:1.65}
.policy-layout thead tr th{padding:12px;font-size:12px}
.policy-layout tbody tr td,.policy-layout tbody tr th{padding:10px 12px;font-size:13px}
}
@media (min-width: 1200px) {
.policy-layout{padding:100px 40px}
.policy-layout p{font-size:17px;line-height:1.85;margin-bottom:28px}
.policy-layout thead tr th{padding:20px 28px;font-size:16px}
.policy-layout tbody tr td,.policy-layout tbody tr th{padding:18px 28px;font-size:16px}
}
.hero_abwrap{position:relative;background:linear-gradient(127deg,#7B0412 0%,#DD0A05 58%,#00D1CC 100%);padding:88px 0 92px;overflow:hidden}
.hero_abwrap::before{content:'';position:absolute;top:-180px;right:-120px;width:420px;height:420px;background:#ffffff0a;border-radius:50%;pointer-events:none}
.hero_abwrap::after{content:'';position:absolute;bottom:-90px;left:-70px;width:280px;height:280px;background:#0000000f;border-radius:50%;pointer-events:none}
.hero_content_ab{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.hero_txt_ab{max-width:740px}
.hero_txt_ab h1{font-size:52px;line-height:1.15;color:#fff;margin:0 0 22px;font-weight:700}
.hero_txt_ab .subhd{font-size:21px;line-height:1.5;color:#ffffffeb;margin:0}
.story_sec{padding:86px 0;background:#fafafa}
.story_container{max-width:1400px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}
.story_img_holder{position:relative}
.story_img_holder img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 12px 32px #0000001f;object-fit:cover}
.story_text_col h2{font-size:38px;line-height:1.22;color:#1a1a1a;margin:0 0 24px;font-weight:600}
.story_text_col p{font-size:17px;line-height:1.65;color:#444;margin:0 0 18px}
.story_text_col p:last-child{margin-bottom:0}
.timeline_wrap{padding:78px 0;background:linear-gradient(154deg,#fff 0%,#f2f2f2 100%)}
.timeline_hold{max-width:1400px;margin:0 auto;padding:0 24px}
.timeline_hold h2{font-size:36px;line-height:1.25;color:#2a2a2a;margin:0 0 54px;text-align:center;font-weight:600}
.tl_steps{display:flex;flex-direction:column;gap:48px}
.tl_item{display:grid;grid-template-columns:140px 1fr;gap:32px;position:relative;padding-left:28px}
.tl_item::before{content:'';position:absolute;left:70px;top:28px;bottom:-48px;width:2px;background:linear-gradient(180deg,#7B0412 0%,#DD0A05 100%)}
.tl_item:last-child::before{display:none}
.tl_yr{font-size:28px;font-weight:700;color:#7B0412;position:relative}
.tl_yr::after{content:'';position:absolute;left:98px;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#DD0A05;border-radius:50%;box-shadow:0 0 0 4px #dd0a0526}
.tl_desc h3{font-size:22px;line-height:1.35;color:#1a1a1a;margin:0 0 10px;font-weight:600}
.tl_desc p{font-size:16px;line-height:1.6;color:#555;margin:0}
.values_section{padding:82px 0;background:#fff}
.vals_container{max-width:1400px;margin:0 auto;padding:0 24px}
.vals_hd{text-align:center;margin-bottom:58px}
.vals_hd h2{font-size:37px;line-height:1.28;color:#2a2a2a;margin:0 0 16px;font-weight:600}
.vals_hd p{font-size:18px;line-height:1.55;color:#666;margin:0;max-width:680px;margin:0 auto}
.vals_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px}
.val_card{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:38px 32px;border-radius:10px;border:1px solid #e8e8e8;transition:all .4s ease-in;position:relative;overflow:hidden}
.val_card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7B0412 0%,#DD0A05 50%,#00D1CC 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease-in}
.val_card:hover::before{transform:scaleX(1)}
.val_card:hover{box-shadow:0 16px 36px #0000001c;transform:translateY(-6px)}
.val_icon{font-size:42px;color:#DD0A05;margin-bottom:20px;display:block}
.val_card h3{font-size:21px;line-height:1.3;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.val_card p{font-size:16px;line-height:1.6;color:#555;margin:0}
.team_section{padding:84px 0;background:linear-gradient(162deg,#f8f8f8 0%,#fff 100%)}
.team_wrp{max-width:1400px;margin:0 auto;padding:0 24px}
.team_hd{text-align:center;margin-bottom:56px}
.team_hd h2{font-size:38px;line-height:1.24;color:#2a2a2a;margin:0 0 18px;font-weight:600}
.team_hd p{font-size:17px;line-height:1.58;color:#666;margin:0;max-width:640px;margin:0 auto}
.team_members{display:grid;grid-template-columns:repeat(2,1fr);gap:54px}
.member_card{display:flex;gap:32px;align-items:flex-start;background:#fff;padding:36px;border-radius:8px;box-shadow:0 8px 24px #00000014;transition:all .35s ease-in}
.member_card:hover{box-shadow:0 14px 38px #00000021;transform:translateY(-4px)}
.member_photo{flex-shrink:0;width:130px;height:130px;border-radius:50%;overflow:hidden;border:3px solid #00D1CC}
.member_photo img{width:100%;height:100%;object-fit:cover;display:block}
.member_info h3{font-size:23px;line-height:1.3;color:#1a1a1a;margin:0 0 6px;font-weight:600}
.member_info .role{font-size:16px;color:#7B0412;margin:0 0 16px;display:block;font-weight:500}
.member_info p{font-size:15px;line-height:1.62;color:#555;margin:0}
@media (max-width: 1024px) {
.hero_txt_ab h1{font-size:44px}
.story_container{grid-template-columns:1fr;gap:48px}
.vals_grid{grid-template-columns:repeat(2,1fr);gap:36px}
.team_members{gap:42px}
}
@media (max-width: 768px) {
.hero_abwrap{padding:64px 0 68px}
.hero_txt_ab h1{font-size:36px;margin-bottom:18px}
.hero_txt_ab .subhd{font-size:18px}
.story_sec{padding:64px 0}
.story_text_col h2{font-size:32px}
.timeline_hold h2{font-size:30px;margin-bottom:42px}
.tl_item{grid-template-columns:100px 1fr;gap:24px;padding-left:18px}
.tl_item::before{left:50px}
.tl_yr{font-size:24px}
.tl_yr::after{left:78px}
.vals_grid{grid-template-columns:1fr;gap:32px}
.vals_hd h2{font-size:31px}
.team_members{grid-template-columns:1fr;gap:36px}
.member_card{flex-direction:column;align-items:center;text-align:center}
.team_hd h2{font-size:32px}
}
@media (max-width: 480px) {
.hero_txt_ab h1{font-size:30px}
.hero_txt_ab .subhd{font-size:16px}
.story_text_col h2{font-size:28px}
.story_text_col p{font-size:16px}
.timeline_hold h2{font-size:27px}
.vals_hd h2{font-size:28px}
.team_hd h2{font-size:29px}
.val_card{padding:28px 24px}
.member_card{padding:28px}
}
.hero_wrap{background:linear-gradient(127deg,#7B0412 0%,#DD0A05 52%,#00D1CC 100%);padding:72px 24px 84px;position:relative;overflow:hidden}
.hero_wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00d1cc26 0%,transparent 70%);animation:pulse_shape 8s ease-in-out infinite}
@keyframes pulse_shape {
0%,100%{transform:scale(1) rotate(0deg);opacity:.6}
50%{transform:scale(1.2) rotate(45deg);opacity:.9}
}
.hero_inner{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.hero_txt h1{font-size:52px;line-height:1.15;color:#fff;margin:0 0 28px;font-weight:700}
.hero_txt p{font-size:19px;line-height:1.6;color:#ffffffeb;margin:0 0 36px}
.hero_cta{display:inline-block;background:#fff;color:#7B0412;padding:16px 42px;border-radius:8px;text-decoration:none;font-weight:600;font-size:17px;transition:all .3s ease-in;box-shadow:0 8px 24px #0003}
.hero_cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000047;background:#00D1CC;color:#fff}
.hero_visual{position:relative}
.hero_visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0000004d;animation:float_img 6s ease-in-out infinite}
@keyframes float_img {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.src_block{padding:96px 24px;background:#f8f9fa}
.src_container{max-width:1400px;margin:0 auto}
.src_head{text-align:center;margin-bottom:68px}
.src_head h2{font-size:44px;color:#212529;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.src_head h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#7B0412,#DD0A05);border-radius:6px}
.src_head p{font-size:18px;color:#495057;max-width:720px;margin:0 auto;line-height:1.65}
.src_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.src_card{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:0 4px 16px #00000014;transition:all .3s ease-in;border-top:4px solid transparent}
.src_card:nth-child(1){border-top-color:#7B0412}
.src_card:nth-child(2){border-top-color:#DD0A05}
.src_card:nth-child(3){border-top-color:#00D1CC}
.src_card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #00000026}
.src_card h3{font-size:24px;color:#212529;margin:0 0 16px;font-weight:600}
.src_card p{font-size:16px;color:#6c757d;line-height:1.6;margin:0}
.career_sec{padding:88px 24px;background:linear-gradient(135deg,#fff 0%,#f1f3f5 100%);position:relative}
.career_wrap{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:64px}
.career_img{flex:1}
.career_img img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 40px #7b04122e}
.career_content{flex:1}
.career_content h2{font-size:42px;color:#212529;margin:0 0 24px;font-weight:700}
.career_content p{font-size:17px;color:#495057;line-height:1.7;margin:0 0 32px}
.career_list{list-style:none;padding:0;margin:0 0 36px}
.career_list li{padding:12px 0 12px 36px;font-size:16px;color:#495057;position:relative;line-height:1.5}
.career_list li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:linear-gradient(135deg,#7B0412,#DD0A05);border-radius:50%;box-shadow:0 2px 8px #7b04124d}
.career_btn{display:inline-block;background:#DD0A05;color:#fff;padding:14px 38px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease-in}
.career_btn:hover{background:#7B0412;transform:scale(1.05)}
.directions_area{padding:96px 24px;background:#fff}
.directions_container{max-width:1400px;margin:0 auto}
.directions_title{text-align:center;margin-bottom:64px}
.directions_title h2{font-size:44px;color:#212529;margin:0 0 18px;font-weight:700}
.directions_title p{font-size:18px;color:#6c757d;max-width:680px;margin:0 auto}
.directions_grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.dir_item{background:linear-gradient(145deg,#f8f9fa 0%,#e9ecef 100%);padding:36px 32px;border-radius:10px;border-left:6px solid #00D1CC;transition:all .3s ease-in}
.dir_item:nth-child(2){border-left-color:#DD0A05}
.dir_item:nth-child(3){border-left-color:#7B0412}
.dir_item:nth-child(4){border-left-color:#00D1CC}
.dir_item:hover{transform:translateX(8px);box-shadow:0 8px 24px #0000001f}
.dir_item h3{font-size:26px;color:#212529;margin:0 0 14px;font-weight:600}
.dir_item p{font-size:16px;color:#495057;line-height:1.65;margin:0}
.learn_methods{padding:88px 24px;background:linear-gradient(158deg,#7B0412 0%,#DD0A05 100%);position:relative;overflow:hidden}
.learn_methods::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#00d1cc33 0%,transparent 65%);animation:rotate_circle 15s linear infinite}
@keyframes rotate_circle {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.learn_inner{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.learn_header{text-align:center;margin-bottom:56px}
.learn_header h2{font-size:44px;color:#fff;margin:0 0 20px;font-weight:700}
.learn_header p{font-size:18px;color:#ffffffe6;max-width:640px;margin:0 auto}
.methods_flex{display:flex;gap:32px;flex-wrap:wrap;justify-content:center}
.method_box{background:#fffffff2;padding:32px 28px;border-radius:10px;width:calc(33.333% - 22px);min-width:280px;box-shadow:0 8px 24px #0003;transition:all .3s ease-in}
.method_box:hover{transform:scale(1.05);background:#fff}
.method_box h4{font-size:22px;color:#212529;margin:0 0 12px;font-weight:600}
.method_box p{font-size:15px;color:#495057;line-height:1.6;margin:0}
.inspire_zone{padding:96px 24px;background:#f8f9fa}
.inspire_container{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.inspire_visual img{width:100%;height:auto;border-radius:12px;box-shadow:0 12px 36px #00000024}
.inspire_txt h2{font-size:42px;color:#212529;margin:0 0 24px;font-weight:700;position:relative;padding-left:24px}
.inspire_txt h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#7B0412,#DD0A05);border-radius:8px}
.inspire_txt p{font-size:17px;color:#495057;line-height:1.7;margin:0 0 28px}
.inspire_profile{display:flex;align-items:center;gap:20px;margin-top:40px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014}
.inspire_profile img{width:80px;height:80px;border-radius:50%;object-fit:cover;box-shadow:0 4px 12px #7b041233}
.profile_info h5{font-size:20px;color:#212529;margin:0 0 6px;font-weight:600}
.profile_info p{font-size:15px;color:#6c757d;margin:0;line-height:1.4}
.geo_section{padding:88px 24px;background:linear-gradient(135deg,#fff 0%,#e9ecef 100%)}
.geo_wrapper{max-width:1400px;margin:0 auto}
.geo_heading{text-align:center;margin-bottom:64px}
.geo_heading h2{font-size:44px;color:#212529;margin:0 0 20px;font-weight:700}
.geo_heading p{font-size:18px;color:#495057;max-width:700px;margin:0 auto;line-height:1.65}
.geo_stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}
.stat_box{background:#fff;padding:32px 24px;border-radius:10px;text-align:center;box-shadow:0 4px 16px #00000014;transition:all .3s ease-in;position:relative;overflow:hidden}
.stat_box::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#7B0412,#DD0A05,#00D1CC);transform:translateX(-100%);transition:transform .4s ease-in}
.stat_box:hover::before{transform:translateX(0)}
.stat_box:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000026}
.stat_num{font-size:48px;font-weight:700;color:#7B0412;margin:0 0 8px;line-height:1}
.stat_label{font-size:16px;color:#495057;margin:0;font-weight:500}
.geo_features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feature_card{background:#fff;padding:36px 28px;border-radius:10px;box-shadow:0 4px 16px #00000014;border-bottom:4px solid #00D1CC}
.feature_card:nth-child(2){border-bottom-color:#DD0A05}
.feature_card:nth-child(3){border-bottom-color:#7B0412}
.feature_card h4{font-size:22px;color:#212529;margin:0 0 14px;font-weight:600}
.feature_card p{font-size:16px;color:#495057;line-height:1.65;margin:0}
@media (max-width: 1024px) {
.hero_inner{grid-template-columns:1fr;gap:48px}
.hero_txt h1{font-size:42px}
.src_grid{grid-template-columns:1fr}
.career_wrap{flex-direction:column}
.directions_grid{grid-template-columns:1fr}
.methods_flex{flex-direction:column}
.method_box{width:100%}
.inspire_container{grid-template-columns:1fr;gap:48px}
.geo_stats{grid-template-columns:repeat(2,1fr)}
.geo_features{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hero_wrap{padding:48px 20px 64px}
.hero_txt h1{font-size:34px}
.hero_txt p{font-size:17px}
.src_block,.career_sec,.directions_area,.learn_methods,.inspire_zone,.geo_section{padding:64px 20px}
.src_head h2,.directions_title h2,.learn_header h2,.geo_heading h2{font-size:36px}
.career_content h2,.inspire_txt h2{font-size:34px}
.geo_stats{grid-template-columns:1fr}
}
.pg_top{width:100%;max-width:1400px;margin:0 auto;padding:60px 20px;display:flex;align-items:center;gap:40px;position:relative}
.pg_top .lft_img{flex:0 0 280px;height:320px;position:relative;overflow:hidden;border-radius:8px}
.pg_top .lft_img img{width:100%;height:100%;object-fit:cover;display:block}
.pg_top .lft_img::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#7b0412b3 100%);pointer-events:none}
.pg_top .txt_mid{flex:1;text-align:center}
.pg_top .txt_mid .top_ln{font-size:18px;color:#DD0A05;font-weight:600;margin:0 0 12px;letter-spacing:.5px}
.pg_top .txt_mid .main_hd{font-size:46px;font-weight:700;color:#2a2a2a;margin:0 0 16px;line-height:1.2}
.pg_top .txt_mid .sub_tx{font-size:17px;color:#555;line-height:1.6;max-width:520px;margin:0 auto}
.pg_top .rt_img{flex:0 0 280px;height:320px;position:relative;overflow:hidden;border-radius:8px}
.pg_top .rt_img img{width:100%;height:100%;object-fit:cover;display:block}
.pg_top .rt_img::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 20%,#00d1cc80 100%);pointer-events:none}
.ct_info_wrap{width:100%;max-width:1400px;margin:0 auto 80px;padding:0 20px}
.ct_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ct_card{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);padding:40px 30px;border-radius:10px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease-in;border:1px solid #e8e8e8;text-align:center}
.ct_card:hover{box-shadow:0 8px 24px #7b04121f;transform:translateY(-4px)}
.ct_card .ic_bx{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#DD0A05 0%,#7B0412 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.ct_card .ic_bx i{font-size:28px;color:#fff}
.ct_card .lbl{font-size:16px;font-weight:600;color:#7B0412;margin:0 0 12px}
.ct_card .val{font-size:15px;color:#444;line-height:1.6;word-break:break-word}
.ct_card .val a{color:#00D1CC;text-decoration:none;transition:color .3s ease-in}
.ct_card .val a:hover{color:#DD0A05}
.fm_section{width:100%;background:linear-gradient(120deg,#7B0412 0%,#DD0A05 50%,#00D1CC 100%);padding:80px 20px}
.fm_container{max-width:680px;margin:0 auto;background:#fff;padding:50px 40px;border-radius:12px;box-shadow:0 12px 40px #00000026}
.fm_container .fm_ttl{font-size:32px;font-weight:700;color:#2a2a2a;margin:0 0 10px;text-align:center}
.fm_container .fm_desc{font-size:15px;color:#666;margin:0 0 36px;text-align:center;line-height:1.5}
.fm_container .frm_main{display:flex;flex-direction:column;gap:20px}
.fm_container .rw_split{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fm_container .fld_grp{display:flex;flex-direction:column}
.fm_container .fld_grp label{font-size:14px;font-weight:600;color:#333;margin-bottom:8px}
.fm_container .fld_grp input[type="text"],.fm_container .fld_grp input[type="tel"]{padding:12px 16px;border:1px solid #d0d0d0;border-radius:6px;font-size:15px;color:#333;transition:border .3s ease-in}
.fm_container .fld_grp input:focus{outline:none;border-color:#DD0A05}
.fm_container .slct_wrap{position:relative}
.fm_container .slct_wrap select{width:100%;padding:12px 16px;border:1px solid #d0d0d0;border-radius:6px;font-size:15px;color:#333;background:#fff;appearance:none;cursor:pointer;transition:border .3s ease-in}
.fm_container .slct_wrap select:focus{outline:none;border-color:#DD0A05}
.fm_container .slct_wrap::after{content:'\25BC';position:absolute;right:16px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:12px}
.fm_container .rd_grp{display:flex;flex-direction:column;gap:12px}
.fm_container .rd_grp .rd_opt{display:flex;align-items:center;gap:10px}
.fm_container .rd_grp input[type="radio"]{width:18px;height:18px;accent-color:#DD0A05;cursor:pointer}
.fm_container .rd_grp .rd_opt label{font-size:14px;color:#444;cursor:pointer;margin:0}
.fm_container .chk_priv{display:flex;align-items:flex-start;gap:10px;margin-top:8px}
.fm_container .chk_priv input[type="checkbox"]{width:18px;height:18px;accent-color:#00D1CC;cursor:pointer;flex-shrink:0;margin-top:2px}
.fm_container .chk_priv .chk_txt{font-size:13px;color:#555;line-height:1.5}
.fm_container .chk_priv .chk_txt a{color:#DD0A05;text-decoration:none;font-weight:600}
.fm_container .chk_priv .chk_txt a:hover{text-decoration:underline}
.fm_container .btn_sbmt{padding:14px 0;background:linear-gradient(135deg,#DD0A05 0%,#7B0412 100%);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease-in;margin-top:12px}
.fm_container .btn_sbmt:hover{background:linear-gradient(135deg,#7B0412 0%,#DD0A05 100%);box-shadow:0 6px 20px #7b04124d;transform:scale(1.02)}
.hrs_section{width:100%;max-width:1400px;margin:80px auto 0;padding:0 20px 80px}
.hrs_section .sect_hd{font-size:36px;font-weight:700;color:#2a2a2a;margin:0 0 40px;text-align:center;position:relative}
.hrs_section .sect_hd::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#DD0A05 0%,#00D1CC 100%);border-radius:2px}
.hrs_table{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:#e0e0e0;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #00000014}
.hrs_row{display:grid;grid-template-columns:200px 1fr;background:#fff}
.hrs_row .day_nm{padding:20px 24px;font-size:15px;font-weight:600;color:#7B0412;background:linear-gradient(135deg,#f5f5f5 0%,#fafafa 100%);display:flex;align-items:center}
.hrs_row .time_rng{padding:20px 24px;font-size:15px;color:#444;display:flex;align-items:center}
.loc_area{width:100%;background:linear-gradient(150deg,#f9f9f9 0%,#fff 50%,#f0fffe 100%);padding:80px 20px}
.loc_inner{max-width:900px;margin:0 auto;text-align:center}
.loc_inner .loc_title{font-size:34px;font-weight:700;color:#2a2a2a;margin:0 0 20px}
.loc_inner .loc_para{font-size:16px;color:#555;line-height:1.7;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.loc_addr_box{background:#fff;padding:40px 36px;border-radius:10px;box-shadow:0 8px 28px #0000001a;display:inline-block;text-align:left;border-left:4px solid #00D1CC}
.loc_addr_box .addr_ln{font-size:16px;color:#333;line-height:1.8;margin:0}
.loc_addr_box .addr_ln strong{color:#7B0412;font-weight:600}
.loc_cta_area{margin-top:40px}
.loc_cta_area .btn_lnk{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#00D1CC 0%,#7B0412 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:8px;transition:all .3s ease-in;box-shadow:0 4px 12px #00d1cc4d}
.loc_cta_area .btn_lnk:hover{background:linear-gradient(135deg,#7B0412 0%,#00D1CC 100%);box-shadow:0 6px 20px #7b041266;transform:translateY(-2px)}
@media (max-width: 1024px) {
.pg_top{flex-direction:column;padding:40px 20px}
.pg_top .lft_img,.pg_top .rt_img{flex:0 0 auto;width:100%;max-width:400px;height:280px}
.pg_top .txt_mid .main_hd{font-size:38px}
.ct_grid{grid-template-columns:1fr;gap:24px}
.hrs_table{grid-template-columns:1fr}
.hrs_row{grid-template-columns:140px 1fr}
}
@media (max-width: 768px) {
.pg_top .txt_mid .main_hd{font-size:32px}
.pg_top .txt_mid .sub_tx{font-size:15px}
.fm_container{padding:40px 24px}
.fm_container .rw_split{grid-template-columns:1fr}
.fm_container .fm_ttl{font-size:28px}
.hrs_section .sect_hd{font-size:30px}
.hrs_row{grid-template-columns:1fr}
.hrs_row .day_nm{border-bottom:1px solid #e8e8e8}
.loc_inner .loc_title{font-size:28px}
.loc_addr_box{text-align:center}
}
@media (max-width: 480px) {
.pg_top .txt_mid .main_hd{font-size:26px}
.ct_card{padding:30px 20px}
.fm_section{padding:60px 16px}
.fm_container{padding:32px 20px}
.hrs_section{padding:0 16px 60px}
.loc_area{padding:60px 16px}
.loc_addr_box{padding:28px 24px}
}
.pg_wrp{width:100%;max-width:1400px;margin:0 auto}
.tl_sect{background:linear-gradient(128deg,#7B0412 0%,#DD0A05 48%,#00D1CC 100%);padding:85px 24px 75px;position:relative;overflow:hidden}
.tl_sect::before{content:'';position:absolute;width:320px;height:320px;background:#ffffff0f;border-radius:50%;top:-120px;right:-80px;animation:float_shp 8s ease-in-out infinite}
.tl_sect::after{content:'';position:absolute;width:180px;height:180px;background:#00d1cc1f;border-radius:8px;bottom:40px;left:5%;transform:rotate(25deg);animation:rot_shp 12s linear infinite}
@keyframes float_shp {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(35px) scale(1.08)}
}
@keyframes rot_shp {
0%{transform:rotate(25deg)}
100%{transform:rotate(385deg)}
}
.tl_cnt{max-width:820px;margin:0 auto;text-align:center;position:relative;z-index:2}
.tl_pre{font-size:16px;color:#ffffffe0;margin:0 0 14px;letter-spacing:.3px}
.tl_h{font-size:48px;font-weight:700;color:#fff;margin:0 0 18px;line-height:1.2}
.tl_desc{font-size:19px;color:#ffffffeb;margin:0;line-height:1.6;max-width:680px;margin:0 auto}
.pr_sect{padding:95px 24px 90px;background:#fafafa}
.pr_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.pr_crd{background:#fff;border-radius:10px;padding:42px 32px 48px;box-shadow:0 4px 18px #00000014;position:relative;transition:transform .3s ease-in,box-shadow .3s ease-in}
.pr_crd:hover{transform:translateY(-6px);box-shadow:0 12px 32px #7b041224}
.pr_crd.feat{border:2px solid #DD0A05;background:linear-gradient(135deg,#fff 0%,#fff5f5 100%)}
.pr_badge{position:absolute;top:-12px;right:28px;background:linear-gradient(92deg,#DD0A05,#7B0412);color:#fff;padding:6px 18px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.4px}
.pr_nm{font-size:26px;font-weight:700;color:#1a1a1a;margin:0 0 12px}
.pr_prc{display:flex;align-items:baseline;gap:8px;margin:0 0 18px}
.pr_amt{font-size:44px;font-weight:800;color:#7B0412}
.pr_cur{font-size:22px;color:#666;font-weight:600}
.pr_per{font-size:16px;color:#888}
.pr_desc_txt{font-size:16px;color:#555;line-height:1.6;margin:0 0 28px}
.pr_feat_ls{list-style:none;padding:0;margin:0 0 32px}
.pr_feat_itm{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:15px;color:#333;line-height:1.5}
.pr_feat_itm::before{content:'✓';color:#00D1CC;font-weight:800;font-size:18px;flex-shrink:0}
.pr_bttn{display:block;width:100%;padding:16px 24px;background:linear-gradient(88deg,#7B0412,#DD0A05);color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:700;text-align:center;transition:all .3s ease-in;border:none;cursor:pointer}
.pr_bttn:hover{background:linear-gradient(88deg,#5a0310,#b80804);transform:scale(1.03);box-shadow:0 6px 20px #7b04124d}
.pr_bttn.sec{background:#fff;color:#7B0412;border:2px solid #7B0412}
.pr_bttn.sec:hover{background:#7B0412;color:#fff}
.pr_cntct{text-align:center;font-size:16px;color:#666}
.pr_cntct_lnk{color:#DD0A05;text-decoration:none;font-weight:600;transition:color .3s ease-in}
.pr_cntct_lnk:hover{color:#00D1CC}
.cmp_sect{padding:90px 24px;background:linear-gradient(158deg,#f9f9f9 0%,#fff 100%)}
.cmp_hdr{text-align:center;max-width:720px;margin:0 auto 55px}
.cmp_ttl{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.cmp_ttl::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#DD0A05,#00D1CC);border-radius:4px}
.cmp_sub{font-size:17px;color:#666;line-height:1.6;margin:22px 0 0}
.cmp_tbl_wrp{max-width:1100px;margin:0 auto;overflow-x:auto}
.cmp_tbl{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px;box-shadow:0 6px 24px #0000000f;overflow:hidden}
.cmp_tbl th{background:linear-gradient(95deg,#7B0412,#DD0A05);color:#fff;padding:20px 18px;text-align:left;font-size:15px;font-weight:700;letter-spacing:.4px}
.cmp_tbl th:first-child{border-radius:10px 0 0 0}
.cmp_tbl th:last-child{border-radius:0 10px 0 0}
.cmp_tbl td{padding:18px;border-bottom:1px solid #ebebeb;font-size:15px;color:#444}
.cmp_tbl tr:last-child td{border-bottom:none}
.cmp_tbl tr:nth-child(even){background:#fafafa}
.cmp_feat_nm{font-weight:600;color:#1a1a1a}
.cmp_chk{color:#00D1CC;font-size:20px;font-weight:800}
.cmp_cross{color:#ccc;font-size:18px}
.img_shw{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1100px;margin:65px auto 0;align-items:center}
.img_blk{border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #0000001a;position:relative}
.img_blk img{width:100%;height:auto;display:block;transition:transform .4s ease-in}
.img_blk:hover img{transform:scale(1.06)}
.tst_box{background:#fff;padding:38px 32px;border-radius:10px;box-shadow:0 6px 22px #7b041214;border-left:5px solid #00D1CC}
.tst_prof{display:flex;align-items:center;gap:18px;margin-bottom:20px}
.tst_img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #DD0A05}
.tst_info h4{font-size:19px;font-weight:700;color:#1a1a1a;margin:0 0 4px}
.tst_info p{font-size:14px;color:#777;margin:0}
.tst_txt{font-size:16px;color:#555;line-height:1.7;margin:0;font-style:italic}
@media (max-width: 968px) {
.tl_h{font-size:38px}
.tl_desc{font-size:17px}
.pr_grid{grid-template-columns:1fr;max-width:520px}
.cmp_ttl{font-size:32px}
.img_shw{grid-template-columns:1fr}
.cmp_tbl_wrp{overflow-x:scroll}
.cmp_tbl{min-width:600px}
}
@media (max-width: 640px) {
.tl_sect{padding:65px 18px 55px}
.tl_h{font-size:32px}
.tl_desc{font-size:16px}
.pr_sect{padding:65px 18px}
.pr_crd{padding:32px 24px 38px}
.pr_nm{font-size:22px}
.pr_amt{font-size:36px}
.cmp_sect{padding:65px 18px}
.cmp_hdr{margin-bottom:40px}
.cmp_ttl{font-size:28px}
.cmp_sub{font-size:16px}
}
.scs_wrap{max-width:1400px;margin:0 auto;padding:0 20px}
.scs_hero{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(125deg,#f8f9fa 0%,#e9ecef 50%,#dee2e6 100%)}
.scs_hero::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:180%;background:linear-gradient(145deg,#7b041214 0%,#dd0a050f 50%,#00d1cc14 100%);transform:rotate(-15deg);border-radius:24px}
.scs_hero::after{content:'';position:absolute;bottom:-30%;left:-15%;width:60%;height:140%;background:linear-gradient(215deg,#00d1cc12 0%,#7b04120d 100%);transform:rotate(12deg);border-radius:24px}
.scs_hero_cont{position:relative;z-index:2;text-align:center;max-width:720px;padding:40px 20px}
.scs_ico_box{display:inline-flex;align-items:center;justify-content:center;width:96px;height:96px;background:linear-gradient(135deg,#7B0412 0%,#DD0A05 100%);border-radius:50%;margin-bottom:32px;box-shadow:0 12px 28px #7b041240 0 4px 12px #dd0a0526;animation:scs_pulse 2.5s ease-in infinite}
@keyframes scs_pulse {
0%,100%{transform:scale(1);box-shadow:0 12px 28px #7b041240 0 4px 12px #dd0a0526}
50%{transform:scale(1.08);box-shadow:0 16px 36px #7b04124d 0 6px 16px #dd0a0533}
}
.scs_ico_box .mdi{font-size:48px;color:#fff}
.scs_ttl{font-size:3.2rem;font-weight:700;color:#212529;margin-bottom:24px;line-height:1.2}
.scs_ttl .accent{background:linear-gradient(120deg,#7B0412 0%,#DD0A05 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}
.scs_ttl .accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00D1CC 0%,#7B0412 100%);border-radius:2px}
.scs_desc{font-size:1.15rem;color:#495057;line-height:1.7;margin-bottom:36px}
.scs_msg_card{background:#fff;border-radius:8px;padding:28px 32px;margin-bottom:36px;box-shadow:0 8px 24px #00000014;border-left:5px solid #00D1CC}
.scs_msg_card p{font-size:1.05rem;color:#495057;line-height:1.6;margin:0}
.scs_nxt_steps{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}
.scs_step{background:#f8f9fa;border-radius:6px;padding:20px 24px;display:flex;align-items:flex-start;gap:16px;transition:all .3s ease-in;border:2px solid transparent}
.scs_step:hover{background:#fff;border-color:#00D1CC;transform:translateX(4px);box-shadow:0 6px 18px #00d1cc26}
.scs_step_num{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#7B0412 0%,#DD0A05 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}
.scs_step_txt{flex:1}
.scs_step_txt h3{font-size:1.1rem;font-weight:600;color:#212529;margin:0 0 6px}
.scs_step_txt p{font-size:.95rem;color:#6c757d;margin:0;line-height:1.5}
.scs_btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.scs_btn{padding:14px 32px;font-size:1.05rem;font-weight:600;border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease-in;border:2px solid transparent;cursor:pointer}
.scs_btn.primary{background:linear-gradient(135deg,#7B0412 0%,#DD0A05 100%);color:#fff;box-shadow:0 8px 20px #7b04124d}
.scs_btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px #7b041266}
.scs_btn.secondary{background:#fff;color:#7B0412;border-color:#7B0412}
.scs_btn.secondary:hover{background:#7B0412;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #7b041240}
.scs_ref_num{margin-top:40px;padding-top:32px;border-top:2px dashed #dee2e6}
.scs_ref_num p{font-size:.9rem;color:#6c757d;margin-bottom:8px}
.scs_ref_code{display:inline-block;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:12px 24px;border-radius:6px;font-family:monospace;font-size:1.2rem;font-weight:700;color:#7B0412;letter-spacing:2px;border:2px solid #00D1CC}
@media (max-width: 768px) {
.scs_hero{min-height:70vh}
.scs_ttl{font-size:2.2rem}
.scs_desc{font-size:1rem}
.scs_ico_box{width:80px;height:80px;margin-bottom:24px}
.scs_ico_box .mdi{font-size:40px}
.scs_msg_card{padding:20px 24px}
.scs_btns{flex-direction:column}
.scs_btn{width:100%;justify-content:center}
.scs_step{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width: 480px) {
.scs_ttl{font-size:1.8rem}
.scs_hero_cont{padding:20px 10px}
.scs_ref_code{font-size:1rem;padding:10px 18px}
}