.campaign_section{background-color:#000;background-image:var(--campaign-bg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px 20px;margin:0;position:relative;overflow:hidden}.top_campaign_section .plan_header .plan_title{background:linear-gradient(135deg,#00b7de,#fe679a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.top_campaign_section p{line-height:1.5}.top_campaign_section strong{font-weight:700}.campaign_flow_content img{margin-top:10px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.top_campaign_section .campaign_example{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;margin:10px 0 0;color:#444;line-height:1.6;font-size:14px;text-align:left}.top_campaign_section .campaign_notice_{text-align:left;font-size:16px;line-height:1.5}.campaign_notice_item{margin:15px 0}.top_campaign_section .notice_list{list-style:none;padding:0;margin:0}.top_campaign_section .notice_item{font-size:14px;color:#555;line-height:1.7;margin-bottom:10px;padding-left:16px;position:relative}.top_campaign_section .qa_list{margin-top:12px}.top_campaign_section .qa_q{font-weight:800;color:#333;margin-bottom:8px}.top_campaign_section .qa_a{color:#555}.top_campaign_section a{color:#00b7de;text-decoration:underline}.campaign_section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f8fffe7a,#f0f9ff7a),repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.06) 10px,rgba(255,255,255,.06) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,183,222,.15) 10px,rgba(0,183,222,.15) 11px);pointer-events:none;z-index:1}.campaign_section>*{position:relative;z-index:2}.campaign_bg_video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0;pointer-events:none;filter:brightness(.99) saturate(.9)}.campaign_container{max-width:1200px;margin:0 auto}.campaign_header{text-align:center;max-width:800px;margin:0 auto}.campaign_title_wrapper{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;position:relative}.campaign_title_wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:80px;border-radius:40px;z-index:0;background-color:#fff;box-shadow:0 8px 32px #00b7de1a,inset 0 1px #ffffff80;border:2px solid rgba(0,183,222,.3)}.campaign_title_wrapper:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:60px;background:linear-gradient(135deg,#fff9,#ffffff4d);border-radius:30px;z-index:1;opacity:.7}.title_decoration{width:48px;height:48px;display:flex;align-items:center;justify-content:center;z-index:2;position:relative;opacity:.9}.title_decoration svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,183,222,.25)) drop-shadow(0 2px 6px rgba(254,103,154,.15))}.campaign_title{font-size:32px;font-weight:700;color:#333;margin:0;background:linear-gradient(135deg,#00b7de,#fe679a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:2;letter-spacing:.3px;line-height:1.2}.campaign_period{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;margin-bottom:30px;margin-top:20px}.period_item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .3s ease}.period_label{font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:10px 20px;border-radius:25px;margin-bottom:8px}.period_item_registration .period_label,.period_item_release .period_label{background:#fe679a}.period_date{font-size:24px;color:#333;font-weight:600;background:linear-gradient(45deg,#00b7de,#fe679a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.period_divider{color:#ddd;font-size:28px;font-weight:300}.campaign_benefits{display:flex;gap:30px;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.benefit_card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 32px #00000014;border:2px solid transparent;min-width:280px;text-align:center;position:relative;overflow:hidden}.benefit_card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--card-color),var(--card-color-light))}.benefit_male{--card-color: #00b7de;--card-color-light: #7dd3f0;border-color:#00b7de33}.benefit_female{--card-color: #fe679a;--card-color-light: #feb3cd;border-color:#fe679a33}.benefit_icon{margin-bottom:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.benefit_svg{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;display:block}.benefit_gender{display:inline-block;padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;color:#fff;background:var(--card-color)}.benefit_title_text{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}.benefit_value{font-size:28px;font-weight:700;color:var(--card-color);margin-bottom:4px}.benefit_price{font-size:14px;color:#666;margin:15px 0 0;line-height:1.3}.campaign_button_wrap{text-align:center;margin-bottom:30px}.campaign_button_wrap_timer{margin-top:20px}.campaign_button{display:inline-block;background:linear-gradient(135deg,#00b7de,#fe679a);color:#fff;padding:16px 40px;border-radius:50px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00b7de4d}.campaign_button:hover{color:#fff;text-decoration:none}.campaign_button_header{background:linear-gradient(135deg,#00b7de,#fe679a);color:#fff;border:none;text-decoration:none;box-shadow:0 2px 8px #00b7de33}.campaign_button_header:hover{background:linear-gradient(135deg,#0099c7,#e85d87);color:#fff;text-decoration:none;box-shadow:0 4px 12px #00b7de4d}.campaign_notice{background:#fffc;border-radius:12px;padding:20px;max-width:800px;margin:50px auto 0}.notice_title{font-size:18px;font-weight:600;color:#666;margin:0 0 24px;text-align:center}.notice_list{list-style:none;padding:0;margin:0}.notice_item{font-size:13px;color:#666;line-height:1.5;margin-bottom:8px;padding-left:16px;position:relative}.notice_item:before{content:"•";color:#666;font-size:16px;position:absolute;left:0;top:-3px}.notice_item:last-child{margin-bottom:0}@media (max-width: 768px){.campaign_section{padding:40px 15px}.campaign_title_wrapper{gap:12px;margin-bottom:20px}.campaign_title_wrapper:before{width:100%;height:60px}.campaign_title_wrapper:after{width:85%;height:45px}.campaign_title{font-size:20px;letter-spacing:.3px}.title_decoration{width:36px;height:36px}.campaign_period{font-size:14px;gap:20px;margin-bottom:35px}.period_item{gap:6px}.period_label{font-size:13px;padding:8px 16px;letter-spacing:.6px}.period_date{font-size:20px}.period_divider{font-size:22px}.benefit_svg{width:40px;height:40px}.benefit_icon{gap:8px;margin-bottom:15px}.campaign_benefits{flex-direction:column;gap:20px;margin-bottom:30px}.benefit_card{min-width:auto;padding:25px 20px}.benefit_value{font-size:24px}.campaign_button{font-size:16px;padding:14px 32px}.notice_title{font-size:16px;margin-bottom:12px}.notice_item{font-size:12px;margin-bottom:6px;padding-left:14px}.notice_item:before{font-size:14px}.countdown_timer{width:97%!important}.title_decoration{display:none}.countdown_lead{margin:10px 0 30px!important;font-size:clamp(15px,2.6vw,22px);color:#333;line-height:1.8}}.campaign_countdown{margin:60px auto 20px;text-align:center;display:block;position:relative;max-width:800px;padding:28px 16px 16px;background:#ffffffb3;border:1px solid rgba(255,255,255,.35);border-radius:16px;box-shadow:0 10px 24px #00000014;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.countdown_heading{position:absolute;top:-15px;left:50%;transform:translate(-50%);font-weight:800;font-size:14px;letter-spacing:.08em;padding:6px 14px;color:#fe679a;background-color:#fff;border:1px solid rgba(254,103,154,.35);border-radius:9999px;box-shadow:0 6px 16px #0000001f}.countdown_subheading{margin:40px 0 20px;display:flex;align-items:center;justify-content:center;gap:12px;font-weight:800;font-size:14px;letter-spacing:.16em;background:linear-gradient(135deg,#00b7de,#fe679a);-webkit-background-clip:text;background-clip:text;color:transparent}.countdown_subheading:before,.countdown_subheading:after{content:"";height:2px;flex:1 1 40px;max-width:120px;background:linear-gradient(135deg,#00b7de80,#fe679a80);border-radius:2px}.countdown_lead{margin:20px 0 30px;font-size:clamp(15px,2.6vw,22px);color:#333;line-height:1.8}.countdown_lead .benefit_male_highlight,.countdown_lead .benefit_female_highlight{display:inline-block;vertical-align:text-bottom;vertical-align:bottom;line-height:1.5;font-size:1.3em;font-weight:800;margin-left:3px}.countdown_lead .benefit_male_highlight{color:#00b7de}.countdown_lead .benefit_female_highlight{color:#fe679a}.countdown_timer{display:flex;justify-content:center;align-items:flex-start;margin:0 auto;gap:clamp(6px,1.8vw,16px);flex-wrap:nowrap;width:80%;max-width:100%}.time_block{display:flex;flex-direction:column;align-items:center;flex:1 1 0;min-width:0}.colon{font-weight:800;font-size:clamp(24px,5.5vw,52px);line-height:1;margin:clamp(4px,1vw,12px) 2px 0;color:#333;opacity:.9}.time_unit{background:linear-gradient(145deg,#6a6a6a,#4a4a4a 42%,#2a2a2a 70%,#141414);color:#fff;border-radius:12px;padding:clamp(8px,1.8vw,14px) clamp(10px,2vw,16px);min-width:clamp(68px,12vw,120px);font-family:Palatino Linotype,Book Antiqua,Palatino,Georgia,Times New Roman,Times,serif;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #00000038,0 6px 16px #00000014}.time_value{font-size:clamp(28px,6.2vw,56px);display:block;line-height:1}.time_label{margin-top:6px;font-weight:700;font-size:clamp(11px,2vw,14px);letter-spacing:.12em;color:#555}@media (min-width: 768px){.campaign_countdown{padding:30px 20px 20px}.countdown_heading{font-size:15px;padding:10px 20px;margin-top:-6px}.time_unit{padding:12px 14px 16px}}.campaign_benefits_card{margin-top:70px}.c-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;z-index:2000}.c-modal.is-open{display:flex}.c-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;transition:opacity .25s ease}.c-modal__container{position:relative}.c-modal__dialog{position:relative;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#00b7de,#fe679a) border-box;width:88vw;max-width:700px;border-radius:12px;border:2px solid transparent;box-shadow:0 10px 30px #0003;transform:scale(.6);transform-origin:center;opacity:0;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .35s ease;will-change:transform,opacity;text-align:center;padding:50px}.c-modal__title{font-size:20px;font-weight:700;margin:8px 0 16px}.c-modal__actions{margin-top:32px}.c-modal__close{position:absolute;top:-40px;right:-40px;background:transparent;border:none;padding:0;font-size:50px;line-height:1;text-align:center;cursor:pointer;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.45)}.c-modal.is-open .c-modal__close{display:block}.c-modal:not(.is-open) .c-modal__close{display:none}.c-modal__dialog .period_item{background:#ffffffd9;border:1px solid rgba(0,0,0,.06);border-radius:12px;padding:26px 70px;box-shadow:0 6px 14px #0000000f;margin:14px auto 0;width:-moz-fit-content;width:fit-content}.c-modal.is-active .c-modal__overlay{opacity:1}.c-modal.is-active .c-modal__dialog{opacity:1;transform:scale(1)}.c-modal.is-closing .c-modal__overlay{opacity:0}.c-modal.is-closing .c-modal__dialog{opacity:0;transform:translateY(6px) scale(.85)}.campaign_button--ghost{background:transparent;color:#fe679a;border:2px solid rgba(254,103,154,.5);margin-left:10px}.campaign_button--ghost:hover{background:#fe679a14;color:#fe679a}.c-modal__dialog .countdown_lead{margin:40px 0 30px}@media (max-width: 767px){.c-modal__dialog{padding:20px}.c-modal__dialog .countdown_lead{margin:20px 0 30px}.c-modal__dialog .period_item{margin:10px auto 0;width:100%;padding:14px 16px}.c-modal__dialog .campaign_title{font-size:18px;margin-top:20px}.c-modal__dialog .campaign_title_wrapper:before{margin-top:10px}.c-modal__dialog .countdown_lead{margin:40px 0 20px!important}.c-modal__actions a{width:80%}.campaign_button--ghost{margin-left:0;margin-top:10px}.c-modal__close{top:-50px;right:-20px}}