*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Source Code Pro',monospace;background:#0a0a0a;color:#e0e0e0;line-height:1.6;font-size:16px}
a{text-decoration:none;color:inherit}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
.head_wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.head_top_section{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:30px 0;min-height:140px;background:linear-gradient(135deg,#095b5c26 0%,#f57cab1a 100%);border-radius:0 0 30px 30px;box-shadow:0 8px 24px #f57cab33 inset 0 1px 0 #fef5df1a;position:relative}
.logo_container{display:flex;align-items:center;padding:10px}
.logo_link{display:block;background:#095b5c4d;padding:15px;border-radius:25px;box-shadow:0 4px 12px #f57cab4d;transition:all .3s ease}
.logo_link:hover{background:#095b5c80;box-shadow:0 6px 18px #f57cab80}
.logo_img{width:90px;height:90px}
.center_brand_zone{text-align:center;padding:0 20px}
.brand_title{font-size:42px;font-weight:700;color:#F57CAB;text-shadow:0 0 20px #f57cab99 0 0 40px #f57cab4d;margin-bottom:8px;letter-spacing:2px}
.brand_tag{font-size:14px;color:#FEF5DF;opacity:.9;font-weight:400}
.main_navi{display:flex}
.navi_list{display:flex;gap:8px;flex-direction:column;align-items:flex-end}
.navi_thing{display:block}
.navi_link{display:block;padding:10px 20px;font-size:14px;font-weight:500;color:#FEF5DF;background:#095b5c66;border-radius:20px;border:1px solid #f57cab4d;transition:background .3s ease,border-color .3s ease;white-space:nowrap}
.navi_link:hover{background:#f57cab4d;border-color:#f57cab99}
main{min-height:200px}
.foot_wrap{max-width:1000px;margin:60px auto 0;padding:0 20px}
.foot_modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;padding:50px 30px;background:#095b5c33;border-radius:30px;border:1px solid #f57cab33;box-shadow:0 8px 24px #0006 inset 0 1px 0 #fef5df0d}
.foot_box1,.foot_box2,.foot_box3,.foot_box4{padding:15px}
.foot_header{font-size:20px;font-weight:700;color:#F57CAB;margin-bottom:15px;text-shadow:0 0 10px #f57cab66}
.foot_header2{font-size:16px;font-weight:600;color:#FEF5DF;margin-bottom:12px;border-bottom:2px solid #f57cab4d;padding-bottom:8px}
.foot_text{font-size:14px;color:silver;line-height:1.7}
.foot_links{display:flex;flex-direction:column;gap:10px}
.foot_link{font-size:14px;color:#b0b0b0;transition:color .3s ease;display:inline-block}
.foot_link:hover{color:#F57CAB}
.foot_contact{font-size:14px;color:#b0b0b0;display:flex;align-items:center;gap:8px}
.foot_contact .lnr{color:#F57CAB;font-size:18px}
.foot_bottom{text-align:center;padding:30px 0;border-top:1px solid #f57cab33;margin-top:30px}
.copyright_txt{font-size:13px;color:gray}
.cookie_popup{position:fixed;top:20px;left:20px;max-width:450px;width:calc(100% - 40px);background:#0f0f0ffa;border:2px solid #F57CAB;border-radius:25px;padding:30px;box-shadow:0 12px 40px #f57cab66 0 0 80px #f57cab33;z-index:10000;animation:slideFromTop .5s ease-out}
@keyframes slideFromTop {
from{transform:translateY(-120%);opacity:0}
to{transform:translateY(0);opacity:1}
}
.cookie_popup.hiding{animation:slideToTop .4s ease-in forwards}
@keyframes slideToTop {
from{transform:translateY(0);opacity:1}
to{transform:translateY(-120%);opacity:0}
}
.cookie_content{display:flex;flex-direction:column;gap:20px}
.cookie_head{font-size:22px;font-weight:700;color:#F57CAB;text-shadow:0 0 15px #f57cab80}
.cookie_desc{font-size:14px;color:silver;line-height:1.6}
.cookie_options{display:flex;flex-direction:column;gap:15px}
.cookie_item{background:#095b5c33;padding:15px;border-radius:20px;border:1px solid #f57cab33}
.cookie_label{display:flex;align-items:center;gap:10px;cursor:pointer;margin-bottom:8px}
.cookie_check{width:20px;height:20px;cursor:pointer;accent-color:#F57CAB}
.cookie_check:disabled{cursor:not-allowed;opacity:.6}
.cookie_name{font-size:15px;font-weight:600;color:#FEF5DF}
.cookie_info{font-size:12px;color:#a0a0a0;padding-left:30px;line-height:1.5}
.cookie_actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.cookie_btn{flex:1 1 calc(50% - 5px);padding:12px 18px;font-size:14px;font-weight:600;font-family:'Source Code Pro',monospace;border:none;border-radius:20px;cursor:pointer;transition:all .3s ease}
.accept_btn{background:linear-gradient(135deg,#F57CAB 0%,#ff8fc3 100%);color:#0a0a0a;box-shadow:0 4px 12px #f57cab66}
.accept_btn:hover{background:linear-gradient(135deg,#ff8fc3 0%,#F57CAB 100%);box-shadow:0 6px 16px #f57cab99}
.decline_btn{background:#095b5c99;color:#FEF5DF;border:1px solid #f57cab4d}
.decline_btn:hover{background:#095b5ccc;border-color:#f57cab80}
.save_btn{background:#fef5df26;color:#FEF5DF;border:1px solid #fef5df4d;flex:1 1 100%}
.save_btn:hover{background:#fef5df40;border-color:#fef5df80}
@media (max-width: 900px) {
.head_top_section{grid-template-columns:1fr;gap:25px;text-align:center;padding:25px 20px}
.logo_container{justify-content:center}
.center_brand_zone{order:-1}
.brand_title{font-size:32px}
.brand_tag{font-size:13px}
.main_navi{justify-content:center}
.navi_list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}
.navi_link{font-size:13px;padding:8px 16px}
.foot_modules{grid-template-columns:1fr;padding:35px 20px}
}
@media (max-width: 500px) {
.cookie_popup{left:10px;right:10px;width:calc(100% - 20px);padding:20px;max-width:none}
.cookie_head{font-size:18px}
.cookie_desc{font-size:13px}
.cookie_actions{flex-direction:column}
.cookie_btn{flex:1 1 100%}
.brand_title{font-size:26px}
.logo_img{width:70px;height:70px}
}
.doc-inner{max-width:1000px;margin:60px auto;padding:0 20px 80px;background:#0a0a0a;color:#e0e0e0}
.doc-inner h1{font-size:48px;font-weight:700;color:#F57CAB;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px;text-shadow:0 0 20px #f57cab4d}
.doc-inner h2{font-size:36px;font-weight:600;color:#F57CAB;margin:60px 0 24px;line-height:1.3;border-left:4px solid #095B5C;padding-left:20px;text-shadow:0 0 15px #f57cab33}
.doc-inner h3{font-size:28px;font-weight:600;color:#FEF5DF;margin:48px 0 20px;line-height:1.4}
.doc-inner h4{font-size:22px;font-weight:600;color:#FEF5DF;margin:36px 0 16px;line-height:1.4}
.doc-inner h5{font-size:18px;font-weight:600;color:#b0b0b0;margin:28px 0 14px;line-height:1.5;text-transform:uppercase;letter-spacing:1px}
.doc-inner h6{font-size:16px;font-weight:600;color:#b0b0b0;margin:24px 0 12px;line-height:1.5}
.doc-inner p{font-size:17px;line-height:1.8;color:silver;margin:0 0 20px;font-weight:400}
.doc-inner p strong{color:#FEF5DF;font-weight:600}
.doc-inner p em{color:#F57CAB;font-style:italic}
.doc-inner ul{margin:0 0 24px;padding:0 0 0 30px;list-style:none}
.doc-inner ul li{font-size:17px;line-height:1.8;color:silver;margin:0 0 12px;padding-left:20px;position:relative}
.doc-inner ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#F57CAB;border-radius:50%;box-shadow:0 0 10px #f57cab99}
.doc-inner ol{margin:0 0 24px;padding:0 0 0 30px;list-style:none;counter-reset:policy-counter}
.doc-inner ol li{font-size:17px;line-height:1.8;color:silver;margin:0 0 12px;padding-left:20px;position:relative;counter-increment:policy-counter}
.doc-inner ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;color:#095B5C;font-weight:700;text-shadow:0 0 8px #095b5c99}
.doc-inner ul ul,.doc-inner ul ol,.doc-inner ol ul,.doc-inner ol ol{margin:12px 0;padding-left:30px}
.doc-inner a{color:#F57CAB;text-decoration:none;border-bottom:1px solid #f57cab4d;transition:all .3s ease;text-shadow:0 0 8px #f57cab33}
.doc-inner a:hover{color:#FEF5DF;border-bottom-color:#FEF5DF;text-shadow:0 0 12px #fef5df66}
.doc-inner table{width:100%;border-collapse:collapse;margin:32px 0;background:#0f0f0f;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #f57cab26}
.doc-inner thead{background:linear-gradient(135deg,#f57cab33,#095b5c33)}
.doc-inner thead tr{border-bottom:2px solid #095B5C}
.doc-inner thead th{padding:18px 20px;text-align:left;font-size:16px;font-weight:700;color:#FEF5DF;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 0 10px #fef5df4d}
.doc-inner tbody tr{border-bottom:1px solid #f57cab1a;transition:background .2s ease}
.doc-inner tbody tr:hover{background:#f57cab0d}
.doc-inner tbody tr:last-child{border-bottom:none}
.doc-inner tbody td{padding:16px 20px;font-size:16px;line-height:1.6;color:silver}
.doc-inner tbody th{padding:16px 20px;text-align:left;font-size:16px;font-weight:600;color:#F57CAB}
.doc-inner hr{border:none;height:2px;background:linear-gradient(90deg,transparent,#f57cab99,#095b5c99,transparent);margin:48px 0;box-shadow:0 0 15px #f57cab4d}
.doc-inner div{margin:0 0 20px}
@media (max-width: 768px) {
.doc-inner{margin:40px auto;padding:0 16px 60px}
.doc-inner h1{font-size:36px;margin:0 0 12px}
.doc-inner h2{font-size:28px;margin:40px 0 20px;padding-left:16px}
.doc-inner h3{font-size:24px;margin:36px 0 16px}
.doc-inner h4{font-size:20px;margin:28px 0 14px}
.doc-inner h5{font-size:17px;margin:24px 0 12px}
.doc-inner h6{font-size:15px;margin:20px 0 10px}
.doc-inner p,.doc-inner ul li,.doc-inner ol li{font-size:16px;line-height:1.7}
.doc-inner table{font-size:14px;margin:24px 0}
.doc-inner thead th,.doc-inner tbody td,.doc-inner tbody th{padding:12px 14px;font-size:14px}
.doc-inner ul,.doc-inner ol{padding-left:24px}
.doc-inner ul li,.doc-inner ol li{padding-left:16px}
}
@media (max-width: 480px) {
.doc-inner h1{font-size:30px}
.doc-inner h2{font-size:24px;padding-left:12px}
.doc-inner h3{font-size:20px}
.doc-inner table{font-size:13px}
.doc-inner thead th,.doc-inner tbody td,.doc-inner tbody th{padding:10px 12px;font-size:13px}
}
.article_wrap{max-width:1000px;margin:0 auto;padding:40px 20px}
.post_hero{margin-bottom:50px}
.post_hero .title_main{font-size:42px;line-height:1.2;color:#FEF5DF;margin-bottom:30px;font-weight:700}
.img_feature{width:100%;height:auto;border-radius:30px;box-shadow:0 8px 24px #f57cab4d}
.content_area{background:#095b5c26;padding:60px 50px;border-radius:35px;margin-bottom:40px;position:relative}
.content_area::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F57CAB,#095B5C,#FEF5DF);border-radius:35px 35px 0 0}
.content_area p{font-size:18px;line-height:1.7;color:#FEF5DF;margin-bottom:25px}
.content_area p:last-child{margin-bottom:0}
.content_area strong{color:#F57CAB;font-weight:600}
.content_area em{font-style:italic;color:#FEF5DF}
.content_area ul,.content_area ol{margin:25px 0;padding-left:30px;color:#FEF5DF}
.content_area ul li,.content_area ol li{margin-bottom:12px;font-size:18px;line-height:1.7}
.content_area ul li::marker{color:#F57CAB}
.content_area ol li::marker{color:#095B5C;font-weight:700}
.emoji_reactions{max-width:1000px;margin:0 auto 50px;padding:0 20px}
.emoji_reactions .reactions_title{font-size:22px;color:#FEF5DF;margin-bottom:20px;font-weight:600}
.emoji_grid{display:flex;gap:15px;flex-wrap:wrap}
.emoji_btn{background:#f57cab33;border:2px solid transparent;border-radius:20px;padding:15px 25px;font-size:32px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}
.emoji_btn:hover{background:#f57cab66;border-color:#F57CAB;transform:scale(1.15)}
.emoji_btn:active{transform:scale(1.05)}
.emoji_btn:focus{outline:3px solid #095B5C;outline-offset:3px}
.print_only{display:none}
@media (max-width: 768px) {
.article_wrap{padding:30px 15px}
.post_hero .title_main{font-size:32px;margin-bottom:25px}
.content_area{padding:40px 25px;border-radius:25px}
.content_area p,.content_area ul li,.content_area ol li{font-size:16px}
.emoji_reactions .reactions_title{font-size:20px}
.emoji_btn{padding:12px 20px;font-size:28px}
.emoji_grid{gap:10px}
}
@media (max-width: 480px) {
.post_hero .title_main{font-size:26px}
.content_area{padding:30px 20px;border-radius:20px}
.emoji_btn{padding:10px 15px;font-size:24px}
}
@media print {
.emoji_reactions{display:none!important}
.article_wrap{padding:0;max-width:100%}
.content_area{background:none;padding:20px 0;box-shadow:none}
.content_area::before{display:none}
.img_feature{box-shadow:none;border-radius:0;max-width:100%}
.post_hero .title_main{color:#000;font-size:28px}
.content_area p,.content_area ul li,.content_area ol li{color:#000;font-size:12pt;line-height:1.5}
.content_area strong{color:#000}
.print_only{display:block;margin-top:30px;padding-top:20px;border-top:1px solid #000;font-size:10pt;color:#000}
}
.hero_wrap{background:linear-gradient(135deg,#0a1215 0%,#095B5C 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.hero_wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f57cab26 0%,transparent 70%);border-radius:50%}
.hero_content{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.hero_content h1{font-size:48px;color:#FEF5DF;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.hero_lead{font-size:20px;color:#fef5dfd9;margin:0 0 30px;line-height:1.6;max-width:700px}
.site_pulse{display:inline-flex;align-items:center;gap:12px;background:#f57cab33;padding:12px 24px;border-radius:30px;border:1px solid #f57cab4d;color:#F57CAB;font-size:15px}
.site_pulse::before{content:'';width:8px;height:8px;background:#F57CAB;border-radius:50%;animation:pulse_anim 2s infinite}
@keyframes pulse_anim {
0%,100%{opacity:1;transform:scale(1)}
50%{opacity:.5;transform:scale(1.3)}
}
.feat_posts{max-width:1000px;margin:-40px auto 0;padding:0 20px;position:relative;z-index:3}
.post_grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.post_card{background:#0d1a1d;border-radius:24px;overflow:hidden;border:1px solid #095b5c66;transition:all .4s cubic-bezier(0.4,0,0.2,1);position:relative}
.post_card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f57cab1a 0%,transparent 100%);opacity:0;transition:opacity .4s;pointer-events:none}
.post_card:hover{transform:translateY(-8px);border-color:#f57cab99;box-shadow:0 16px 40px #f57cab26}
.post_card:hover::after{opacity:1}
.post_img_wrap{width:100%;height:260px;overflow:hidden;position:relative}
.post_img_wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.post_card:hover .post_img_wrap img{transform:scale(1.08)}
.post_content{padding:24px}
.post_content h3{font-size:22px;color:#FEF5DF;margin:0 0 12px;line-height:1.3}
.post_content h3 a{color:inherit;text-decoration:none;transition:color .3s}
.post_content h3 a:hover{color:#F57CAB}
.post_desc{font-size:15px;color:#fef5dfb3;line-height:1.6;margin:0}
.depth_block{background:#0a1215;padding:80px 20px;position:relative;overflow:hidden}
.depth_block::before{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#095b5c33 0%,transparent 70%);border-radius:50%}
.depth_inner{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:center;position:relative;z-index:2}
.depth_stats{display:flex;flex-direction:column;gap:30px}
.stat_item{background:linear-gradient(135deg,#095b5c4d 0%,#f57cab1a 100%);padding:28px;border-radius:20px;border:1px solid #095b5c80;position:relative}
.stat_item::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#F57CAB 0%,#095B5C 100%);border-radius:20px 0 0 20px}
.stat_num{font-size:42px;color:#F57CAB;font-weight:700;margin:0 0 8px;line-height:1}
.stat_label{font-size:16px;color:#fef5dfcc;margin:0}
.depth_text h2{font-size:38px;color:#FEF5DF;margin:0 0 24px;line-height:1.2}
.depth_text p{font-size:17px;color:#fef5dfbf;line-height:1.7;margin:0 0 16px}
.depth_text p:last-child{margin-bottom:0}
.underrated_sec{background:linear-gradient(180deg,#0d1a1d 0%,#0a1215 100%);padding:80px 20px}
.underrated_wrap{max-width:1000px;margin:0 auto}
.underrated_wrap h2{font-size:38px;color:#FEF5DF;margin:0 0 16px;text-align:center}
.underrated_intro{font-size:18px;color:#fef5dfb3;text-align:center;margin:0 auto 50px;max-width:700px;line-height:1.6}
.underrated_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.underrated_item{background:#095b5c26;padding:32px 24px;border-radius:20px;border:1px solid #095b5c4d;transition:all .4s;position:relative;overflow:hidden}
.underrated_item::before{content:'';position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,#f57cab26 0%,transparent 70%);transition:transform .6s}
.underrated_item:hover::before{transform:translate(-20%,20%)}
.underrated_item:hover{background:#095b5c40;border-color:#f57cab66;transform:translateY(-4px)}
.underrated_icon{width:56px;height:56px;background:linear-gradient(135deg,#F57CAB 0%,#095B5C 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative;z-index:2}
.underrated_icon svg{width:28px;height:28px;fill:#FEF5DF}
.underrated_item h4{font-size:20px;color:#FEF5DF;margin:0 0 12px;position:relative;z-index:2}
.underrated_item p{font-size:15px;color:#fef5dfb3;line-height:1.6;margin:0;position:relative;z-index:2}
.sections_map{background:#0a1215;padding:80px 20px}
.sections_container{max-width:1000px;margin:0 auto}
.sections_container h2{font-size:38px;color:#FEF5DF;margin:0 0 50px;text-align:center}
.sections_layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.section_territory{background:linear-gradient(135deg,#095b5c33 0%,#f57cab14 100%);padding:36px;border-radius:28px;border:2px solid #095b5c66;transition:all .4s;position:relative}
.section_territory::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F57CAB 0%,#095B5C 100%);border-radius:0 0 28px 28px;transform:scaleX(0);transform-origin:left;transition:transform .5s}
.section_territory:hover::after{transform:scaleX(1)}
.section_territory:hover{border-color:#f57cab80;background:linear-gradient(135deg,#095b5c4d 0%,#f57cab1f 100%)}
.section_territory h3{font-size:26px;color:#F57CAB;margin:0 0 16px;line-height:1.3}
.section_territory p{font-size:16px;color:#fef5dfbf;line-height:1.7;margin:0 0 24px}
.section_links{display:flex;flex-direction:column;gap:10px}
.section_links a{color:#FEF5DF;text-decoration:none;font-size:15px;padding:8px 0;border-bottom:1px solid #095b5c4d;transition:all .3s;display:flex;align-items:center;gap:8px}
.section_links a::before{content:'→';color:#F57CAB;font-size:18px;transition:transform .3s}
.section_links a:hover{color:#F57CAB;padding-left:12px;border-color:#f57cab80}
.section_links a:hover::before{transform:translateX(4px)}
.engage_zone{background:linear-gradient(135deg,#0d1a1d 0%,#095B5C 100%);padding:80px 20px;position:relative;overflow:hidden}
.engage_zone::before{content:'';position:absolute;top:20%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#f57cab1f 0%,transparent 70%);border-radius:50%}
.engage_content{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.engage_text h2{font-size:38px;color:#FEF5DF;margin:0 0 20px;line-height:1.2}
.engage_text p{font-size:17px;color:#fef5dfcc;line-height:1.7;margin:0 0 16px}
.engage_cta{display:inline-block;background:linear-gradient(135deg,#F57CAB 0%,#095B5C 100%);color:#FEF5DF;padding:16px 32px;border-radius:30px;text-decoration:none;font-size:16px;font-weight:600;transition:all .4s;margin-top:10px;border:2px solid transparent}
.engage_cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #f57cab4d;border-color:#FEF5DF}
.engage_visual{background:#095b5c33;padding:32px;border-radius:24px;border:1px solid #095b5c66}
.engage_visual img{width:100%;height:auto;border-radius:16px;display:block}
.site_mission{background:#0a1215;padding:80px 20px}
.mission_box{max-width:800px;margin:0 auto;background:linear-gradient(135deg,#f57cab1a 0%,#095b5c26 100%);padding:50px 40px;border-radius:32px;border:2px solid #f57cab4d;text-align:center;position:relative;overflow:hidden}
.mission_box::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#095b5c33 0%,transparent 70%);border-radius:50%}
.mission_box h2{font-size:34px;color:#FEF5DF;margin:0 0 24px;position:relative;z-index:2}
.mission_box p{font-size:18px;color:#fef5dfcc;line-height:1.7;margin:0;position:relative;z-index:2}
@media (max-width: 768px) {
.hero_content h1{font-size:36px}
.hero_lead{font-size:18px}
.post_grid2{grid-template-columns:1fr;gap:24px}
.depth_inner{grid-template-columns:1fr;gap:40px}
.underrated_grid{grid-template-columns:1fr;gap:20px}
.sections_layout{grid-template-columns:1fr;gap:24px}
.engage_content{grid-template-columns:1fr;gap:30px}
.mission_box{padding:40px 24px}
}
@media (max-width: 480px) {
.hero_wrap{padding:60px 20px 40px}
.hero_content h1{font-size:28px}
.depth_block{padding:60px 20px}
.depth_text h2,.underrated_wrap h2,.sections_container h2,.engage_text h2{font-size:28px}
}
.auth_top{background:linear-gradient(135deg,#0a1215 0%,#162329 100%);padding:80px 20px;position:relative;overflow:hidden}
.auth_top::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./visuals/_MG_9938.jpg);background-size:cover;background-position:center;opacity:.15;filter:grayscale(50%)}
.auth_top::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#f57cab1a 0%,transparent 100%)}
.auth_wrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.auth_top .heading1{font-size:56px;line-height:1.1;color:#FEF5DF;margin:0;text-shadow:0 4px 20px #f57cab4d}
.dot_pattern{position:absolute;width:8px;height:8px;background:#f57cab99;border-radius:50%;box-shadow:0 0 12px #f57cabcc}
.dot_pattern:nth-child(2){top:20%;left:10%;animation:pulse1 3s infinite}
.dot_pattern:nth-child(3){top:60%;left:15%;animation:pulse2 3.5s infinite}
.dot_pattern:nth-child(4){top:40%;right:12%;animation:pulse1 4s infinite}
.dot_pattern:nth-child(5){top:75%;right:18%;animation:pulse2 3.2s infinite}
@keyframes pulse1 {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:1;transform:scale(1.5)}
}
@keyframes pulse2 {
0%,100%{opacity:.4;transform:scale(1)}
50%{opacity:.9;transform:scale(1.3)}
}
.story_section{background:#0f1a1e;padding:100px 20px}
.story_container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.story_left{position:relative}
.story_img_wrap{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 8px 40px #00000080}
.story_img_wrap img{width:100%;height:auto;display:block;filter:brightness(0.9) contrast(1.1)}
.story_img_wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#095b5c66 0%,#f57cab4d 100%);mix-blend-mode:multiply}
.accent_shape{position:absolute;width:120px;height:120px;border:3px solid #F57CAB;border-radius:50%;bottom:-30px;right:-30px;box-shadow:0 0 30px #f57cab80}
.story_right{padding:20px 0}
.story_right h2{font-size:42px;line-height:1.2;color:#FEF5DF;margin:0 0 30px;position:relative;padding-left:30px}
.story_right h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#F57CAB 0%,#095B5C 100%);border-radius:3px;box-shadow:0 0 15px #f57cab99}
.story_text{color:#fef5dfd9;font-size:17px;line-height:1.7;margin:0 0 25px}
.exp_grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0 0}
.exp_card{background:#f57cab14;border:1px solid #f57cab4d;border-radius:20px;padding:30px 25px;transition:all .3s ease}
.exp_card:hover{background:#f57cab26;border-color:#f57cab99;transform:translateY(-5px);box-shadow:0 10px 30px #f57cab4d}
.exp_card h3{font-size:22px;color:#F57CAB;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.exp_card h3::before{content:'';width:10px;height:10px;background:#F57CAB;border-radius:50%;box-shadow:0 0 10px #f57cabcc}
.exp_card p{font-size:15px;line-height:1.6;color:#fef5dfbf;margin:0}
.journey_section{background:linear-gradient(180deg,#0a1215 0%,#1a2a30 100%);padding:90px 20px;position:relative}
.journey_section::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#F57CAB 50%,transparent 100%);box-shadow:0 0 20px #f57cabcc}
.journey_wrap{max-width:1000px;margin:0 auto}
.journey_intro{text-align:center;margin:0 0 60px}
.journey_intro h2{font-size:38px;color:#FEF5DF;margin:0 0 20px}
.journey_intro p{font-size:18px;line-height:1.6;color:#fef5dfcc;max-width:700px;margin:0 auto}
.timeline_box{display:flex;flex-direction:column;gap:40px}
.timeline_item{display:grid;grid-template-columns:180px 1fr;gap:40px;position:relative}
.timeline_item::before{content:'';position:absolute;left:90px;top:50px;bottom:-40px;width:2px;background:linear-gradient(180deg,#f57cab99 0%,#095b5c66 100%)}
.timeline_item:last-child::before{display:none}
.year_marker{text-align:right;padding:10px 30px 10px 0;position:relative}
.year_marker::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#F57CAB;border:3px solid #0f1a1e;border-radius:50%;box-shadow:0 0 15px #f57cabe6;z-index:2}
.year_txt{font-size:28px;font-weight:700;color:#F57CAB;display:block;text-shadow:0 0 10px #f57cab80}
.event_content{background:#095b5c26;border:1px solid #095b5c66;border-radius:25px;padding:35px 40px;transition:all .3s ease}
.event_content:hover{background:#095b5c40;border-color:#095b5cb3;transform:translateX(10px);box-shadow:-5px 5px 25px #095b5c4d}
.event_content h4{font-size:24px;color:#FEF5DF;margin:0 0 15px}
.event_content p{font-size:16px;line-height:1.7;color:#fef5dfbf;margin:0}
.visuals_row{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:60px 0 0}
.visual_item{border-radius:20px;overflow:hidden;position:relative;box-shadow:0 6px 30px #0006;transition:all .3s ease}
.visual_item:hover{transform:scale(1.05);box-shadow:0 10px 40px #f57cab66}
.visual_item img{width:100%;height:220px;object-fit:cover;display:block}
.visual_item::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f57cab4d 0%,#095b5c4d 100%);opacity:0;transition:opacity .3s ease}
.visual_item:hover::after{opacity:1}
@media (max-width: 900px) {
.auth_top .heading1{font-size:42px}
.story_container{grid-template-columns:1fr;gap:50px}
.accent_shape{width:80px;height:80px;bottom:-20px;right:-20px}
.story_right h2{font-size:36px}
.exp_grid{grid-template-columns:1fr}
.timeline_item{grid-template-columns:120px 1fr;gap:30px}
.timeline_item::before{left:60px}
.year_marker::after{right:-8px}
.visuals_row{grid-template-columns:1fr}
.visual_item img{height:280px}
}
@media (max-width: 600px) {
.auth_top{padding:60px 20px}
.auth_top .heading1{font-size:34px}
.story_section{padding:70px 20px}
.story_right h2{font-size:30px;padding-left:20px}
.story_text{font-size:16px}
.exp_card{padding:25px 20px}
.journey_section{padding:70px 20px}
.journey_intro h2{font-size:32px}
.timeline_item{grid-template-columns:1fr;gap:20px}
.timeline_item::before{left:20px;top:80px}
.year_marker{text-align:left;padding:10px 10px 10px 50px}
.year_marker::after{left:12px;right:auto}
.year_txt{font-size:24px}
.event_content{padding:25px 30px}
.event_content:hover{transform:translateX(0)}
}
.blog_pg{background:#0a0f14;color:#e8e8e8;padding:0;margin:0}
.hero_blk{background:linear-gradient(135deg,#095b5ce6 0%,#f57cabcc 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.hero_blk::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#fef5df1a 1px,transparent 1px);background-size:30px 30px;animation:gridmove 20s linear infinite}
@keyframes gridmove {
0%{transform:translate(0,0)}
100%{transform:translate(30px,30px)}
}
.hero_cont{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.hero_cont h1{font-size:3.2rem;margin:0 0 20px;color:#FEF5DF;text-shadow:0 4px 12px #0006;letter-spacing:-.5px}
.hero_cont .subtitle_tx{font-size:1.2rem;color:#e8e8e8;max-width:600px;margin:0 auto;line-height:1.6}
.filter_strip{background:#151d26;padding:30px 20px;border-bottom:2px solid #f57cab4d}
.filter_wrap{max-width:1000px;margin:0 auto;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}
.cat_tab{padding:12px 28px;background:#095b5c4d;border:1px solid #f57cab66;border-radius:25px;color:#FEF5DF;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-decoration:none;display:inline-block}
.cat_tab:hover{background:#f57cab80;border-color:#F57CAB;transform:translateY(-2px);box-shadow:0 6px 20px #f57cab66}
.content_area{max-width:1000px;margin:0 auto;padding:60px 20px}
.sec_head{margin:0 0 40px;position:relative;padding-left:20px}
.sec_head::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#F57CAB,#095B5C);border-radius:20px}
.sec_head h2{font-size:2.2rem;color:#F57CAB;margin:0 0 10px;letter-spacing:-.3px}
.sec_head p{color:#a8a8a8;margin:0;font-size:1.05rem}
.post_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:35px;margin-bottom:80px}
.card_post{background:linear-gradient(145deg,#1a2532 0%,#0f1822 100%);border-radius:30px;overflow:hidden;border:1px solid #f57cab33;transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;display:flex;flex-direction:column}
.card_post:hover{transform:translateY(-8px);box-shadow:0 15px 40px #f57cab59;border-color:#F57CAB}
.card_img_area{height:220px;background:linear-gradient(135deg,#095b5c99,#f57cab80);position:relative;overflow:hidden}
.card_img_area::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fef5df33;border-radius:50%;border:2px solid #FEF5DF}
.card_img_area img{width:100%;height:100%;object-fit:cover;display:block}
.card_body{padding:25px;flex-grow:1;display:flex;flex-direction:column}
.card_body h3{font-size:1.4rem;margin:0 0 15px;color:#FEF5DF;line-height:1.4}
.card_body .desc_tx{color:#b8b8b8;line-height:1.7;margin:0 0 20px;flex-grow:1;font-size:.95rem}
.read_link{color:#F57CAB;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;margin-top:auto}
.read_link::after{content:'→';font-size:1.2rem;transition:transform .3s ease}
.read_link:hover::after{transform:translateX(5px)}
.simple_list{display:flex;flex-direction:column;gap:20px;margin-bottom:80px}
.list_item{background:#095b5c26;padding:20px 25px;border-radius:20px;border-left:4px solid #F57CAB;transition:all .3s ease;text-decoration:none;display:block}
.list_item:hover{background:#095b5c4d;border-left-width:8px;transform:translateX(5px);box-shadow:0 8px 24px #f57cab33}
.list_item h4{font-size:1.3rem;margin:0;color:#FEF5DF}
.divider_wave{height:60px;background:linear-gradient(90deg,transparent,#f57cab4d,transparent);position:relative;margin:60px 0}
.divider_wave::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:radial-gradient(circle,#095b5c99 0%,transparent 70%);border-radius:50%}
.newsletter_box{background:linear-gradient(135deg,#f57cab33 0%,#095b5c4d 100%);padding:50px 30px;border-radius:35px;text-align:center;border:2px solid #fef5df4d;margin-bottom:80px;position:relative;overflow:hidden}
.newsletter_box::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#fef5df1a,transparent);border-radius:50%}
.newsletter_box h3{font-size:2rem;margin:0 0 15px;color:#F57CAB}
.newsletter_box p{color:#d8d8d8;margin:0 0 30px;font-size:1.05rem}
.form_inline{display:flex;gap:15px;max-width:500px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.input_field{flex:1;min-width:200px;padding:15px 20px;border-radius:25px;border:1px solid #f57cab66;background:#0000004d;color:#e8e8e8;font-size:1rem;transition:all .3s ease}
.input_field:focus{outline:none;border-color:#F57CAB;box-shadow:0 0 0 3px #f57cab33}
.submit_butt{padding:15px 35px;border-radius:25px;border:none;background:linear-gradient(135deg,#F57CAB,#095B5C);color:#FEF5DF;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}
.submit_butt:hover{transform:scale(1.05);box-shadow:0 8px 25px #f57cab80}
.stats_row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-bottom:80px}
.stat_box{background:linear-gradient(135deg,#095b5c66,#095b5c33);padding:35px 25px;border-radius:25px;text-align:center;border:1px solid #f57cab4d;position:relative;overflow:hidden}
.stat_box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,#fef5df0d,transparent);transform:rotate(45deg);transition:all .6s ease}
.stat_box:hover::before{left:100%}
.stat_num{font-size:2.8rem;font-weight:700;color:#F57CAB;margin:0 0 10px;display:block}
.stat_label{color:#d8d8d8;font-size:1rem;margin:0}
@media (max-width: 768px) {
.hero_cont h1{font-size:2.2rem}
.post_grid{grid-template-columns:1fr;gap:25px}
.filter_wrap{gap:10px}
.cat_tab{padding:10px 20px;font-size:.9rem}
.sec_head h2{font-size:1.8rem}
.form_inline{flex-direction:column}
.input_field{min-width:100%}
.stats_row{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.hero_blk{padding:60px 15px 40px}
.hero_cont h1{font-size:1.8rem}
.content_area{padding:40px 15px}
.newsletter_box{padding:35px 20px}
}
.herotop{background:linear-gradient(135deg,#0a1a1a 0%,#1a0a1a 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.herotop::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#f57cab08 0px,transparent 1px,transparent 2px,#f57cab08 3px),repeating-linear-gradient(90deg,#095b5c08 0px,transparent 1px,transparent 2px,#095b5c08 3px);pointer-events:none}
.herotop::after{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f57cab26 0%,transparent 70%);pointer-events:none}
.hero_wrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.hero_content_box{text-align:center}
.hero_content_box h1{font-size:3.2rem;color:#FEF5DF;margin:0 0 24px;line-height:1.2;text-shadow:0 0 30px #f57cab66}
.hero_content_box h1 .highlight_word{color:#F57CAB;position:relative;display:inline-block}
.hero_content_box h1 .highlight_word::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#F57CAB,transparent);box-shadow:0 0 10px #f57cab99}
.hero_content_box .subtitle_text{font-size:1.25rem;color:#fef5dfcc;max-width:700px;margin:0 auto 40px;line-height:1.7}
.hero_img_container{margin:60px auto 0;max-width:800px;position:relative}
.hero_img_container::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(135deg,#f57cab33,#095b5c33);border-radius:30px;filter:blur(20px)}
.hero_img_box{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#095B5C 0%,#0a3a3b 100%);aspect-ratio:16/9;border:1px solid #f57cab33}
.hero_img_box::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#0006 0px,transparent 2px,transparent 4px,#0006 6px),radial-gradient(circle at 30% 40%,#f57cab1a 0%,transparent 50%);pointer-events:none;mix-blend-mode:overlay}
.services_section{background:#0d1515;padding:100px 20px;position:relative}
.services_section::before{content:'';position:absolute;bottom:-50%;left:-30%;width:800px;height:800px;background:radial-gradient(circle,#095b5c1a 0%,transparent 60%);pointer-events:none}
.services_container{max-width:1000px;margin:0 auto}
.services_heading{text-align:center;margin-bottom:70px}
.services_heading h2{font-size:2.5rem;color:#FEF5DF;margin:0 0 16px;position:relative;display:inline-block}
.services_heading h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#F57CAB,#095B5C);border-radius:2px;box-shadow:0 0 15px #f57cab99}
.services_heading .subhead_text{font-size:1.1rem;color:#fef5dfb3;max-width:600px;margin:0 auto;line-height:1.6}
.services_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.service_card{background:linear-gradient(145deg,#162020 0%,#0f1818 100%);border:1px solid #f57cab26;border-radius:28px;padding:40px 32px;position:relative;transition:all .4s ease}
.service_card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f57cab0d,#095b5c0d);border-radius:28px;opacity:0;transition:opacity .4s ease}
.service_card:hover{transform:translateY(-8px);border-color:#f57cab66;box-shadow:0 12px 40px #f57cab33}
.service_card:hover::before{opacity:1}
.service_icon_wrap{width:70px;height:70px;background:linear-gradient(135deg,#f57cab33,#095b5c33);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid #f57cab4d;position:relative}
.service_icon_wrap::after{content:'';position:absolute;inset:-2px;background:linear-gradient(135deg,#F57CAB,#095B5C);border-radius:20px;z-index:-1;opacity:0;transition:opacity .4s ease}
.service_card:hover .service_icon_wrap::after{opacity:.3;animation:pulse_glow 2s infinite}
@keyframes pulse_glow {
0%,100%{opacity:.3;transform:scale(1)}
50%{opacity:.5;transform:scale(1.05)}
}
.service_icon_wrap .lnr{font-size:2rem;color:#F57CAB}
.service_card h3{font-size:1.5rem;color:#FEF5DF;margin:0 0 14px;position:relative}
.service_card .desc_text{font-size:1rem;color:#fef5dfbf;line-height:1.7;margin:0 0 24px}
.service_features_list{list-style:none;padding:0;margin:0}
.service_features_list li{font-size:.95rem;color:#fef5dfa6;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.service_features_list li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:2px;background:linear-gradient(90deg,#F57CAB,#095B5C);box-shadow:0 0 8px #f57cab66}
.cta_section{background:linear-gradient(135deg,#0a0f14 0%,#14090f 100%);padding:90px 20px;position:relative;overflow:hidden}
.cta_section::before{content:'';position:absolute;top:-40%;right:10%;width:500px;height:500px;background:radial-gradient(circle,#f57cab26 0%,transparent 60%);animation:float_shape 8s ease-in-out infinite}
.cta_section::after{content:'';position:absolute;bottom:-30%;left:5%;width:400px;height:400px;background:radial-gradient(circle,#095b5c1f 0%,transparent 60%);animation:float_shape 10s ease-in-out infinite reverse}
@keyframes float_shape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.cta_wrapper{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.cta_layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.cta_text_area h2{font-size:2.8rem;color:#FEF5DF;margin:0 0 24px;line-height:1.2}
.cta_text_area h2::before{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#F57CAB 0%,#095B5C 100%);margin-bottom:28px;border-radius:3px;box-shadow:0 0 12px #f57cab80}
.cta_text_area .lead_text{font-size:1.15rem;color:#fef5dfcc;line-height:1.8;margin:0 0 32px}
.cta_form_box{background:linear-gradient(135deg,#162323 0%,#1a1a1a 100%);border:1px solid #f57cab33;border-radius:32px;padding:48px;position:relative;box-shadow:0 8px 32px #0006}
.cta_form_box::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#F57CAB,#095B5C);border-radius:32px;z-index:-1;opacity:0;transition:opacity .4s ease}
.cta_form_box:hover::before{opacity:.2}
.form_title{font-size:1.6rem;color:#FEF5DF;margin:0 0 28px;text-align:center}
.input_group{margin-bottom:24px}
.input_group label{display:block;font-size:.95rem;color:#fef5dfcc;margin-bottom:10px}
.input_group input,.input_group textarea{width:100%;background:#095b5c1a;border:1px solid #f57cab33;border-radius:16px;padding:14px 18px;font-size:1rem;color:#FEF5DF;transition:all .3s ease;box-shadow:inset 0 2px 4px #0000004d}
.input_group input:focus,.input_group textarea:focus{outline:none;border-color:#F57CAB;background:#095b5c26;box-shadow:0 0 0 3px #f57cab26 inset 0 2px 4px #0000004d}
.input_group textarea{resize:vertical;min-height:120px}
.submit_btn{width:100%;background:linear-gradient(135deg,#F57CAB 0%,#c45a8a 100%);border:none;border-radius:18px;padding:16px 32px;font-size:1.1rem;color:#0a0a0a;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;box-shadow:0 4px 16px #f57cab4d}
.submit_btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f57cab80}
.submit_btn:active{transform:translateY(0)}
@media (max-width: 968px) {
.herotop{padding:60px 20px 80px}
.hero_content_box h1{font-size:2.5rem}
.services_grid{grid-template-columns:repeat(2,1fr);gap:24px}
.cta_layout{grid-template-columns:1fr;gap:40px}
.cta_text_area h2{font-size:2.2rem}
}
@media (max-width: 640px) {
.hero_content_box h1{font-size:2rem}
.hero_content_box .subtitle_text{font-size:1.1rem}
.services_grid{grid-template-columns:1fr}
.services_heading h2{font-size:2rem}
.cta_text_area h2{font-size:1.8rem}
.cta_form_box{padding:32px 24px}
}
.success_wrap{background:linear-gradient(135deg,#0a1a1a 0%,#095B5C 50%,#0a1a1a 100%);min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.success_wrap::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#f57cab26 0%,transparent 70%);border-radius:50%;top:-100px;right:-100px;animation:float_particle1 8s ease-in-out infinite}
.success_wrap::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#fef5df1a 0%,transparent 70%);border-radius:50%;bottom:-80px;left:-80px;animation:float_particle2 10s ease-in-out infinite}
@keyframes float_particle1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,30px) scale(1.1)}
}
@keyframes float_particle2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(40px,-40px) scale(0.9)}
}
.success_content_box{max-width:800px;width:100%;background:#0f1919d9;border:1px solid #f57cab4d;border-radius:30px;padding:80px 60px;text-align:center;position:relative;z-index:2;box-shadow:0 15px 40px #0006 0 0 80px #f57cab26}
.success_icon_area{margin-bottom:35px;position:relative}
.success_icon_area svg{width:90px;height:90px;animation:check_pulse 2s ease-in-out infinite}
@keyframes check_pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.08)}
}
.success_icon_area .circle_glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,#f57cab33 0%,transparent 70%);border-radius:50%;animation:glow_expand 2s ease-in-out infinite}
@keyframes glow_expand {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}
}
.success_content_box h1{font-size:48px;font-weight:700;color:#FEF5DF;margin:0 0 20px;line-height:1.2;text-shadow:0 2px 15px #f57cab66}
.success_content_box .msg_text{font-size:18px;line-height:1.7;color:#fef5dfd9;margin:0 0 45px;max-width:600px;margin-left:auto;margin-right:auto}
.success_btns{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.success_btns .btn_home{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:linear-gradient(135deg,#F57CAB 0%,#d96596 100%);color:#0a1a1a;text-decoration:none;font-size:16px;font-weight:600;border-radius:25px;transition:all .3s ease;box-shadow:0 8px 20px #f57cab4d;position:relative;z-index:10}
.success_btns .btn_home:hover{transform:translateY(-3px);box-shadow:0 12px 30px #f57cab80;background:linear-gradient(135deg,#ff8fc1 0%,#F57CAB 100%)}
.success_btns .btn_blog{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:transparent;color:#FEF5DF;text-decoration:none;font-size:16px;font-weight:600;border-radius:25px;border:2px solid #fef5df4d;transition:all .3s ease;position:relative;z-index:10}
.success_btns .btn_blog:hover{border-color:#FEF5DF;background:#fef5df1a;transform:translateY(-3px)}
.info_section{background:#0f1919;padding:100px 20px}
.info_container{max-width:1000px;margin:0 auto}
.info_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.info_card{background:linear-gradient(145deg,#095b5c33 0%,#0f191980 100%);border:1px solid #f57cab33;border-radius:25px;padding:40px 30px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}
.info_card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#f57cab1a,transparent);transition:left .6s ease}
.info_card:hover::before{left:100%}
.info_card:hover{transform:translateY(-8px);border-color:#f57cab80;box-shadow:0 15px 35px #f57cab33}
.card_icon_holder{font-size:50px;color:#F57CAB;margin-bottom:20px;display:inline-block}
.info_card h3{font-size:22px;font-weight:700;color:#FEF5DF;margin:0 0 12px}
.info_card p{font-size:15px;line-height:1.6;color:#fef5dfbf;margin:0}
@media (max-width: 900px) {
.info_grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.success_content_box{padding:60px 35px}
.success_content_box h1{font-size:36px}
.success_content_box .msg_text{font-size:16px}
.success_btns{flex-direction:column;align-items:stretch}
.success_btns .btn_home,.success_btns .btn_blog{width:100%;justify-content:center}
.info_section{padding:70px 20px}
}
@media (max-width: 600px) {
.success_wrap{padding:40px 15px;min-height:70vh}
.success_content_box{padding:45px 25px}
.success_content_box h1{font-size:28px}
.success_icon_area svg{width:70px;height:70px}
.info_grid{grid-template-columns:1fr;gap:20px}
.info_card{padding:30px 25px}
}