:root{--green-primary:#123524;--green-dark:#0a2015;--green-light:#1e4a34;--gold-accent:#c6a052;--gold-light:#e6c875;--cream-bg:#f9f8f3;--cream-card:#f2efe6;--sky-blue:#e8f4f8;--sky-blue-border:#b8e0ed;--kids-blue:#2a7b9b;--kids-gold:#e5a93c;--text-dark:#222;--text-muted:#555;--white:#fff;--shadow-subtle:0 10px 30px #0000000d;--shadow-hover:0 18px 40px #0000001f;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--cream-bg);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,sans-serif;line-height:1.7}h1,h2,h3,.brand-font{font-family:Cinzel,serif}.kids-font{font-family:"M PLUS Rounded 1c",sans-serif}a{color:inherit;text-decoration:none}header{background-color:var(--green-primary);color:var(--white);z-index:1000;border-bottom:3px solid var(--gold-accent);position:sticky;top:0;box-shadow:0 4px 20px #00000026}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.logo-area{flex-direction:column;display:flex}.logo-main{letter-spacing:1px;color:var(--white);font-family:Cinzel,serif;font-size:1.4rem;font-weight:700;line-height:1.2}.logo-sub{color:var(--gold-accent);letter-spacing:2px;text-transform:uppercase;font-size:.72rem;font-weight:500}nav ul{align-items:center;gap:2rem;list-style:none;display:flex}nav a{padding:.3rem 0;font-size:.95rem;font-weight:500;transition:color .2s;position:relative}nav a:hover{color:var(--gold-accent)}.btn-nav-book{background-color:var(--gold-accent);color:var(--green-dark);cursor:pointer;border:none;border-radius:50px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #c6a0524d}.btn-nav-book:hover{background-color:var(--gold-light);transform:translateY(-2px)}.hero{background:linear-gradient(180deg, var(--green-primary) 0%, var(--green-dark) 100%);color:var(--white);text-align:center;padding:4rem 2rem 6rem;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 30%,#c6a05226 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-badge{border:1px solid var(--gold-accent);color:var(--gold-light);letter-spacing:1px;background:#c6a05233;border-radius:50px;margin-bottom:1.5rem;padding:.3rem 1.2rem;font-size:.85rem;font-weight:700;display:inline-block}.hero-title{letter-spacing:2px;color:#fff;margin-bottom:.5rem;font-size:2.8rem;font-weight:700;line-height:1.2}.hero-subtitle-jp{color:#ffffffe6;margin-bottom:1rem;font-size:1.15rem;font-weight:500}.hero-description{color:#fffc;max-width:720px;margin:0 auto 3rem;font-size:.95rem;line-height:1.8}.paths-container{z-index:10;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:-3rem auto 4rem;padding:0 1.5rem;display:grid;position:relative}.path-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);border:1px solid #0000000f;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.path-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-8px)}.path-card.adult{border-top:6px solid var(--green-primary)}.path-card.adult .card-header{background-color:#fafaf8;border-bottom:1px solid #eee;padding:1.8rem}.path-card.adult .card-tag{color:var(--green-primary);letter-spacing:1.5px;font-size:.8rem;font-weight:700}.path-card.adult .card-title-jp{color:var(--green-dark);margin:.3rem 0;font-size:1.6rem;font-weight:700}.path-card.adult .card-subtitle-en{color:var(--gold-accent);font-family:Cinzel,serif;font-size:.95rem;font-weight:600}.path-card.kids{border-top:6px solid var(--kids-blue)}.path-card.kids .card-header{background-color:var(--sky-blue);border-bottom:1px solid var(--sky-blue-border);padding:1.8rem}.path-card.kids .card-tag{color:var(--kids-blue);letter-spacing:1.5px;font-size:.8rem;font-weight:800}.path-card.kids .card-title-jp{color:var(--kids-blue);margin:.3rem 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.6rem;font-weight:800}.path-card.kids .card-subtitle-en{color:var(--kids-gold);font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.05rem;font-weight:800}.card-body{flex-direction:column;flex-grow:1;padding:2rem;display:flex}.card-image-area{border-radius:var(--radius-md);height:180px;margin-bottom:1.5rem;position:relative;overflow:hidden}.path-card.adult .card-image-area{background:url(https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=800&q=80) 50%/cover}.path-card.kids .card-image-area{background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%);justify-content:center;align-items:center;display:flex}.owl-mascot-container{align-items:center;gap:1.2rem;padding:1rem;display:flex}.owl-avatar{background:var(--white);border:4px solid var(--kids-gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;font-size:3.2rem;display:flex;position:relative;box-shadow:0 8px 16px #00000014}.owl-badge-name{background:var(--kids-gold);color:var(--white);white-space:nowrap;border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:800;position:absolute;bottom:-6px}.owl-intro-text{color:#0369a1;font-family:"M PLUS Rounded 1c",sans-serif;font-size:.88rem;font-weight:700;line-height:1.5}.feature-list{flex-grow:1;margin-bottom:2rem;list-style:none}.feature-list li{align-items:flex-start;gap:.6rem;padding:.5rem 0;font-size:.95rem;display:flex}.adult .feature-list .check{color:var(--green-primary);font-weight:700}.kids .feature-list .check{color:var(--kids-gold);font-weight:700}.btn-card{text-align:center;cursor:pointer;border:none;border-radius:50px;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .2s;display:block}.btn-adult{background-color:var(--green-primary);color:var(--white)}.btn-adult:hover{background-color:var(--green-dark)}.btn-kids{background-color:var(--kids-gold);color:var(--white);font-family:"M PLUS Rounded 1c",sans-serif}.btn-kids:hover{background-color:#d6982b}.story-section{background-color:var(--cream-card);border-top:1px solid #e2ded4;border-bottom:1px solid #e2ded4;padding:5rem 2rem}.story-container{grid-template-columns:1fr 1fr;align-items:center;gap:3.5rem;max-width:1000px;margin:0 auto;display:grid}.story-badge{color:var(--gold-accent);letter-spacing:2px;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.story-title{color:var(--green-primary);margin-bottom:1.2rem;font-size:1.8rem;line-height:1.4}.story-text{color:var(--text-muted);margin-bottom:1rem;font-size:.95rem;line-height:1.8}.sheffield-badge-box{background:var(--white);border-radius:var(--radius-md);border:2px dashed var(--gold-accent);text-align:center;padding:2.5rem}.sheffield-icon{margin-bottom:1rem;font-size:3rem;display:block}.sheffield-badge-title{color:var(--green-primary);font-family:Cinzel,serif;font-size:1.3rem;font-weight:700}.courses-section{max-width:1100px;margin:0 auto;padding:5rem 2rem}.section-header{text-align:center;margin-bottom:3rem}.section-title-en{color:var(--gold-accent);letter-spacing:2px;font-size:.9rem;font-weight:700}.section-title-jp{color:var(--green-primary);font-size:2rem;font-weight:700}.tabs-nav{justify-content:center;gap:1rem;margin-bottom:2.5rem;display:flex}.tab-btn{border:2px solid var(--green-primary);color:var(--green-primary);cursor:pointer;background:0 0;border-radius:50px;padding:.8rem 2rem;font-weight:700;transition:all .2s}.tab-btn.active{background-color:var(--green-primary);color:var(--white)}.course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.course-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);border:1px solid #eee;padding:2rem}.course-card-tag{background:var(--cream-card);color:var(--green-primary);border-radius:4px;margin-bottom:1rem;padding:.2rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.course-card-title{color:var(--green-primary);margin-bottom:.8rem;font-size:1.25rem;font-weight:700}.course-card-desc{color:var(--text-muted);font-size:.9rem;line-height:1.7}.cta-banner{background:linear-gradient(135deg, var(--green-primary) 0%, var(--green-dark) 100%);color:var(--white);text-align:center;padding:4rem 2rem}.btn-cta-gold{background-color:var(--gold-accent);color:var(--green-dark);cursor:pointer;border:none;border-radius:50px;padding:1.1rem 3rem;font-size:1.1rem;font-weight:800;transition:all .2s}.btn-cta-gold:hover{background-color:var(--gold-light);transform:scale(1.03)}footer{color:#fff9;background-color:#07160e;padding:3rem 2rem 2rem;font-size:.85rem}.footer-container{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding-bottom:2rem;display:flex}.footer-copy{text-align:center;padding-top:1.5rem;font-size:.8rem}.modal-overlay{z-index:2000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:520px;padding:2.5rem;position:relative}.modal-close{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1.2rem;right:1.2rem}.form-group{margin-bottom:1.2rem}.form-group label{margin-bottom:.4rem;font-size:.85rem;font-weight:700;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:8px;width:100%;padding:.75rem}.btn-submit{background:var(--green-primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:50px;padding:.9rem;font-weight:700}.form-success{text-align:center;padding:2rem 1rem}.form-success h3{margin-bottom:1rem}.form-success p{line-height:1.8}@media (width<=850px){.paths-container,.story-container{grid-template-columns:1fr}.hero-title{font-size:2.1rem}nav ul{display:none}}