:root{--primary:#283593;--primary-dark:#1A237E;--primary-light:#5C6BC0;--primary-gradient:linear-gradient(135deg,#283593,#1A237E);--accent:#E67E22;--accent-dark:#D35400;--accent-light:#F0B27A;--accent-gradient:linear-gradient(135deg,#F39C12,#E67E22);--bg-body:#F5F7FA;--bg-surface:#FFFFFF;--bg-surface-alt:#ECEFF1;--text-main:#263238;--text-secondary:#546E7A;--text-light:#90A4AE;--text-inverse:#FFFFFF;--success:#00C853;--warning:#FFAB00;--danger:#FF1744;--shadow-sm:0 2px 8px rgba(38,50,56,0.08);--shadow-md:0 8px 24px rgba(38,50,56,0.12);--shadow-lg:0 16px 48px rgba(38,50,56,0.18);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-pill:500px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem}body{font-family:var(--font-noto-sans-jp),"Noto Sans JP",sans-serif;font-size:17px;line-height:1.8;color:var(--text-main);background-color:var(--bg-body);-webkit-font-smoothing:antialiased}.small,small{font-size:.92em!important}.btn,.en,.font-en,.navbar-brand span,.stats-number{font-family:var(--font-montserrat),"Montserrat",sans-serif}.h1,h1{font-size:4.5rem;font-weight:100;letter-spacing:-.03em;line-height:1.1}.h1,.h2,h1,h2{font-family:var(--font-noto-sans-jp),"Noto Sans JP",sans-serif;margin-bottom:var(--spacing-lg)}.h2,h2{font-size:3rem;font-weight:300;letter-spacing:-.02em;line-height:1.2}.h3,h3{font-size:2rem;font-weight:500;letter-spacing:.02em;margin-bottom:var(--spacing-md)}.h4,h4{font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-md);font-weight:400;color:var(--text-secondary)}.font-thin{font-weight:100!important}.font-light{font-weight:300!important}.font-regular{font-weight:400!important}.font-medium{font-weight:500!important}.font-bold{font-weight:700!important}.font-black{font-weight:900!important}.navbar{background:rgba(255,255,255,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);padding:1.2rem 0}.navbar-brand{font-size:1.8rem;letter-spacing:.05em;color:var(--primary-dark)!important}.navbar-brand .font-bold{font-weight:700}.navbar-brand .font-light{font-weight:300}.nav-link{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-weight:500;font-size:.85rem;color:var(--text-main)!important;padding:.5rem .75rem!important;white-space:nowrap;transition:color .3s}.nav-link:hover{color:var(--accent)!important}.btn{border-radius:var(--radius-sm);padding:.8rem 2.5rem;font-weight:600;letter-spacing:.02em;border:none;transition:all .2s ease;position:relative;overflow:hidden;z-index:1}.btn-primary{background:var(--primary);color:white;box-shadow:0 2px 8px rgba(40,53,147,.2)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,53,147,.3);color:white}.btn-secondary{background:white;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,53,147,.15)}.btn-outline-primary{color:var(--primary);border:2px solid var(--primary);background:transparent}.btn-outline-primary:hover{background:var(--primary);color:white;border-color:transparent;transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,53,147,.2)}.btn-accent{background:var(--accent)!important;color:white!important;box-shadow:0 2px 8px rgba(230,126,34,.25)}.btn-accent:hover{transform:translateY(-1px);background:var(--accent-dark)!important;box-shadow:0 4px 12px rgba(230,126,34,.35);color:white!important}.card{background:var(--bg-surface);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all .2s ease;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.card-header{background:transparent;border-bottom:1px solid rgba(0,0,0,.05);padding:1.5rem}.card-body{padding:2rem}.card-footer{background:transparent;border-top:1px solid rgba(0,0,0,.05);padding:1.5rem}.hero-section{position:relative;padding:8rem 0;background:var(--bg-body);overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(40,53,147,.03),transparent);z-index:0}.hero-content{position:relative;z-index:2}.hero-swiper{padding:2rem 2rem 4rem}.hero-swiper .swiper-slide{background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:auto;transition:transform .3s}.hero-swiper .swiper-pagination-bullet{width:12px;height:12px;background:var(--text-light);opacity:.5;transition:all .3s}.hero-swiper .swiper-pagination-bullet-active{width:30px;border-radius:6px;background:var(--primary);opacity:1}.badge{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-weight:600;padding:.5em 1em;border-radius:6px;letter-spacing:.05em}.badge-primary{background:var(--primary-light);color:white}.badge-accent{background:var(--accent);color:white}.badge-free{background:#00BCD4;color:white}.badge-premium{background:#FFD700;color:#333}.bg-gradient-primary{background:var(--primary-gradient)!important}footer{background:var(--text-main);color:white;padding:5rem 0 2rem}footer h5{font-family:var(--font-montserrat),"Montserrat",sans-serif;font-weight:600;letter-spacing:.05em;margin-bottom:1.5rem;color:white}footer a{color:var(--text-light);text-decoration:none;font-weight:300;transition:color .3s}footer a:hover{color:var(--accent)}.text-gradient{color:var(--primary)}.text-gradient-accent{color:var(--accent)}.divider{height:2px;width:60px;background:var(--accent);margin:2rem 0}@media (max-width:992px){.h1,h1{font-size:3.5rem}.h2,h2{font-size:2.5rem}.hero-section{padding:6rem 0}}@media (max-width:768px){.h1,h1{font-size:2.8rem}.h2,h2{font-size:2rem}.hero-section{padding:8rem 0 6rem;text-align:center}.hero-section:before{width:100%;height:100%;top:0;right:0}.d-flex.gap-3{justify-content:center}.h2-mobile{font-size:1.8rem!important}}.footer-brand{font-size:1.8rem!important;font-weight:700;margin-bottom:0}.footer-description{font-size:.9rem;margin-top:0}footer h5:not(.footer-brand){font-size:1.1rem;font-weight:600}#regionTabs .nav-link{color:var(--primary)!important;background:white;border:2px solid var(--primary);font-weight:600;transition:all .3s ease}#regionTabs .nav-link:hover{background:var(--primary-light);color:white!important;border-color:var(--primary-light)}#regionTabs .nav-link.active{background:var(--primary-gradient)!important;color:white!important;border-color:transparent;box-shadow:0 4px 15px rgba(40,53,147,.4)}#regionTabs .nav{gap:.5rem}.live-edit-split{display:flex;gap:1.5rem;align-items:flex-start}.live-edit-split-editor{flex:1 1;min-width:0}.live-edit-split-preview{flex:0 0 420px;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}.live-edit-preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.5rem;padding-left:.25rem}.live-edit-preview-container{border:1px solid #dee2e6;border-radius:var(--radius-sm);background:white;overflow:hidden}.live-edit-preview-frame{font-size:.85rem;line-height:1.6}.live-edit-preview-frame h1{font-size:1.4rem;font-weight:700}.live-edit-preview-frame h2{font-size:1.15rem;font-weight:600}.live-edit-preview-frame h3{font-size:1rem;font-weight:600}.live-edit-preview-frame img{max-width:100%;height:auto}@media (max-width:1200px){.live-edit-split{flex-direction:column}.live-edit-split-preview{flex:none;width:100%;position:static;max-height:none}}