:root{--green:#078b4c;--green2:#0aa45b;--dark:#10231b;--muted:#64716b;--line:#e6ece8;--pink:#ef4d73;--blue:#1976d2;--orange:#f39a22;--purple:#6b35c9;--cream:#fffdf9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--dark);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1220px,92%);margin:0 auto}.site-header-v4{height:68px;background:rgba(255,255,255,.98);border-bottom:1px solid #e9efeb;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.nav-v4{height:68px;display:flex;align-items:center;gap:22px}.logo-v4{font-size:23px;font-weight:900;color:#086a40;white-space:nowrap;letter-spacing:-.7px}.logo-v4>span:last-child{color:var(--green)}.logo-leaf-v4{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;transform:rotate(-25deg);font-size:18px;color:var(--green)}.main-nav-v4{display:flex;align-items:center;justify-content:center;gap:17px;flex:1}.main-nav-v4 a{font-size:12px;font-weight:700;color:#18231e;padding:25px 0 21px;border-bottom:3px solid transparent}.main-nav-v4 a:hover,.main-nav-v4 a.active{color:var(--green);border-bottom-color:var(--green)}.header-actions-v4{display:flex;align-items:center;gap:9px}.search-icon-v4{font-size:29px;line-height:1;margin-right:2px}.login-v4,.register-v4{font-size:12px;font-weight:800;border-radius:8px;padding:9px 15px}.login-v4{border:1px solid var(--green);color:var(--green)}.register-v4{background:var(--green);color:#fff}.hero-v4{height:405px;position:relative;overflow:hidden;background:#edf9f4}.hero-bg-v4{position:absolute;inset:0;background:url('../images/hero-japan.png') center/cover no-repeat}.hero-overlay-v4{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.985) 0%,rgba(255,255,255,.94) 30%,rgba(255,255,255,.55) 52%,rgba(255,255,255,.08) 78%,rgba(255,255,255,0) 100%)}.hero-inner-v4{height:100%;position:relative;display:flex;align-items:center}.hero-copy-v4{width:660px;padding-left:28px}.eyebrow-v4{font-size:14px;font-weight:900;color:var(--green);margin-bottom:9px}.hero-copy-v4 h1{font-size:54px;line-height:1.02;letter-spacing:-2.5px;margin:0 0 14px}.hero-copy-v4 h1 span{color:var(--green)}.hero-copy-v4 p{max-width:650px;color:#4f5d56;font-size:15px;line-height:1.6;margin:0}.hero-actions-v4{display:flex;gap:12px;margin-top:18px}.btn-v4{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:9px;padding:13px 21px;font-size:13px;font-weight:900}.btn-v4.primary{background:var(--green);color:#fff;box-shadow:0 10px 25px rgba(7,139,76,.22)}.btn-v4.secondary{background:#fff;border:1px solid var(--green);color:var(--green)}.btn-v4.white{background:#fff;color:var(--green);box-shadow:0 8px 20px rgba(0,0,0,.1)}.trust-v4{display:flex;gap:18px;flex-wrap:wrap;margin-top:17px;font-size:11px;font-weight:800;color:#34443c}.section-v4{padding:44px 0}.levels-section-v4{padding-top:48px}.section-head-v4{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.kicker-v4{font-size:21px;margin-bottom:3px}.section-head-v4 h2{font-size:29px;line-height:1.1;letter-spacing:-.8px;margin:0 0 6px}.section-head-v4 h2 span{color:var(--green)}.section-head-v4 p{font-size:13px;color:var(--muted);margin:0}.outline-v4{border:1px solid var(--green);color:var(--green);border-radius:9px;padding:11px 15px;font-size:12px;font-weight:900;white-space:nowrap}.level-grid-v4{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.level-card-v4{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 7px 24px rgba(21,58,40,.08);transition:.2s}.level-card-v4:hover{transform:translateY(-6px);box-shadow:0 17px 35px rgba(21,58,40,.14)}.level-picture-v4{height:145px;position:relative;overflow:hidden}.level-picture-v4 img{width:100%;height:100%;object-fit:cover;display:block}.level-chip-v4{position:absolute;top:10px;left:10px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#fff;box-shadow:0 4px 13px rgba(0,0,0,.12);font-size:18px}.level-body-v4{padding:14px}.level-name-v4{font-size:18px;font-weight:900}.level-body-v4 strong{display:block;font-size:12px;margin-top:4px}.level-body-v4 p{color:var(--muted);font-size:11px;margin:5px 0 11px}.level-body-v4>span{display:block;background:var(--green);color:#fff;text-align:center;padding:9px;border-radius:7px;font-size:11px;font-weight:900}.level-body-v4>span b{margin-left:4px}.learning-section-v4{background:linear-gradient(180deg,#fff,#f9fcfa)}.learning-grid-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.learning-card-v4{min-height:135px;border:1px solid var(--line);border-radius:14px;padding:17px;display:grid;grid-template-columns:50px 1fr 55px;gap:11px;align-items:center;background:#fff;box-shadow:0 6px 20px rgba(21,58,40,.06);overflow:hidden}.skill-icon-v4{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:900}.learning-card-v4.vocabulary .skill-icon-v4{background:var(--pink)}.learning-card-v4.kanji .skill-icon-v4{background:var(--orange)}.learning-card-v4.grammar .skill-icon-v4{background:var(--blue)}.learning-card-v4.listening .skill-icon-v4{background:var(--purple)}.learning-card-v4 h3{font-size:15px;margin:0 0 5px}.learning-card-v4 p{font-size:10px;color:var(--muted);line-height:1.4;margin:0 0 7px}.learning-card-v4 b{font-size:10px;color:var(--green)}.skill-art-v4{font-size:17px;line-height:1.15;text-align:center;color:#7a8b83;font-weight:800;opacity:.7;transform:rotate(-4deg)}.skill-art-v4.big{font-size:42px}.skill-art-v4.headphones{font-size:43px}.mock-grid-v4{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.mock-card-v4{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff;box-shadow:0 6px 20px rgba(21,58,40,.06)}.mock-top-v4{display:flex;justify-content:space-between;align-items:flex-start}.mock-icon-v4{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#edf8f1;font-size:21px}.mock-icon-v4.n5{background:#ffe9ef}.mock-icon-v4.n3{background:#e8f3ff}.mock-icon-v4.n2{background:#fff1e0}.mock-icon-v4.n1{background:#eee8ff}.mock-top-v4 span{background:var(--pink);color:#fff;padding:4px 7px;border-radius:6px;font-size:8px;font-weight:900}.mock-card-v4 h3{font-size:15px;line-height:1.2;margin:11px 0}.meta-v4{color:#68756e;font-size:10px;line-height:1.8;min-height:80px}.mock-card-v4>a{display:block;text-align:center;background:var(--green);color:#fff;padding:9px;border-radius:7px;font-size:11px;font-weight:900}.ad-wrap-v4{padding:4px 0 24px}.ad-box-v4{height:82px;border:1px dashed #cbd7cf;border-radius:10px;background:#fafcfb;display:grid;place-items:center;color:#8b978f;font-size:11px}.apps-section-v4{padding-top:15px}.apps-panel-v4{background:linear-gradient(120deg,#edf9f2,#f8fcfa);border:1px solid #d7ebdf;border-radius:19px;padding:28px;position:relative;overflow:hidden}.apps-panel-v4:after{content:'🌸  🌸  🌸';position:absolute;right:18px;bottom:-11px;font-size:40px;opacity:.13}.apps-head-v4{margin-bottom:18px}.apps-content-v4{display:grid;grid-template-columns:1fr 190px;gap:30px;align-items:center}.app-list-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.app-row-v4{display:flex;gap:10px;align-items:center;padding:11px;background:#fff;border:1px solid var(--line);border-radius:10px}.app-level-v4{width:43px;height:43px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font-weight:900}.app-level-v4.n3{background:var(--blue)}.app-level-v4.n2{background:var(--orange)}.app-level-v4.n1{background:var(--purple)}.app-row-v4 strong{display:block;font-size:11px}.app-row-v4 small{display:block;color:#7b8780;font-size:9px;margin:3px 0 5px}.play-badge-v4{display:inline-block;background:#111;color:#fff;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:800}.phone-v4{width:154px;height:270px;background:#0e1713;border-radius:27px;padding:7px;box-shadow:0 20px 35px rgba(18,51,35,.23);transform:rotate(3deg);justify-self:center}.phone-camera-v4{width:60px;height:8px;border-radius:6px;background:#070b09;margin:0 auto 3px}.phone-screen-v4{height:100%;border-radius:20px;background:linear-gradient(#e8f8ef,#fff);padding:20px 11px;text-align:center}.phone-logo-v4{font-size:16px;font-weight:900;color:#086a40}.phone-logo-v4 span{color:var(--green)}.phone-screen-v4 p{font-size:9px;color:#68756e}.phone-levels-v4{display:grid;grid-template-columns:1fr 1fr;gap:6px}.phone-levels-v4 b{background:#fff;padding:9px;border-radius:6px;color:var(--green);font-size:11px;box-shadow:0 3px 8px rgba(0,0,0,.04)}.phone-menu-v4{margin-top:14px;background:#fff;border-radius:9px;padding:10px;text-align:left;display:grid;gap:7px;font-size:9px;color:#526159}.stats-section-v4{padding-top:30px;padding-bottom:30px}.stats-grid-v4{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stat-v4{border:1px solid var(--line);border-radius:13px;background:#fff;padding:19px;box-shadow:0 6px 18px rgba(21,58,40,.05)}.stat-v4 b{display:block;font-size:23px}.stat-v4 span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.cta-section-v4{padding-top:10px;padding-bottom:52px}.cta-v4{position:relative;overflow:hidden;border-radius:18px;padding:28px 31px;background:linear-gradient(105deg,#087c46,#0aa45b);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff}.cta-v4 h2{font-size:24px;margin:0 0 6px}.cta-v4 p{font-size:12px;margin:0;opacity:.9}.torii-watermark-v4{position:absolute;left:13px;bottom:-24px;font-size:100px;opacity:.1}.sakura-watermark-v4{position:absolute;right:22px;bottom:-7px;font-size:38px;opacity:.18}.footer-v4{background:#063c29;color:#fff;padding:35px 0 17px}.footer-top-v4{display:flex;justify-content:space-between;gap:20px}.footer-logo-v4{font-size:18px;font-weight:900}.footer-logo-v4 span{color:#70d19d}.footer-top-v4 p{font-size:11px;color:#b9d8c9}.footer-links-v4{display:flex;gap:20px;align-items:center}.footer-links-v4 a{font-size:11px;color:#d6ede2}.footer-bottom-v4{border-top:1px solid rgba(255,255,255,.13);margin-top:20px;padding-top:13px;color:#a9c9ba;font-size:10px}@media(max-width:1100px){.main-nav-v4{gap:9px}.main-nav-v4 a:nth-child(n+7){display:none}.level-grid-v4,.mock-grid-v4{grid-template-columns:repeat(3,1fr)}.learning-grid-v4{grid-template-columns:repeat(2,1fr)}.hero-copy-v4{width:610px}}@media(max-width:760px){.site-header-v4{height:auto}.nav-v4{height:auto;min-height:68px;padding:10px 0;flex-wrap:wrap}.main-nav-v4{order:3;width:100%;overflow:auto;justify-content:flex-start}.main-nav-v4 a{font-size:10px;padding:8px 0;border:0}.header-actions-v4{margin-left:auto}.hero-v4{height:530px}.hero-overlay-v4{background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.68))}.hero-copy-v4{width:100%;padding:0 4px}.hero-copy-v4 h1{font-size:43px}.section-head-v4{align-items:flex-start;flex-direction:column}.level-grid-v4,.mock-grid-v4{grid-template-columns:repeat(2,1fr)}.apps-content-v4{grid-template-columns:1fr}.phone-v4{display:none}.app-list-v4{grid-template-columns:1fr 1fr}.stats-grid-v4{grid-template-columns:repeat(2,1fr)}.cta-v4{align-items:flex-start;flex-direction:column}.footer-top-v4{flex-direction:column}.footer-links-v4{flex-wrap:wrap}}@media(max-width:480px){.logo-v4{font-size:19px}.search-icon-v4{display:none}.login-v4,.register-v4{padding:7px 10px}.hero-v4{height:550px}.hero-copy-v4 h1{font-size:36px}.level-grid-v4,.mock-grid-v4,.learning-grid-v4,.app-list-v4,.stats-grid-v4{grid-template-columns:1fr}.section-v4{padding:35px 0}.apps-panel-v4{padding:20px}.cta-v4{padding:24px}.cta-v4 h2{font-size:21px}}
/* V5 inner pages */
.page-hero-v5{background:linear-gradient(135deg,#eefaf4,#fff 55%,#fff5f8);border-bottom:1px solid #e5eee8;padding:42px 0 32px;position:relative;overflow:hidden}.page-hero-v5:after{content:'🌸';position:absolute;right:6%;bottom:-20px;font-size:90px;opacity:.12}.breadcrumb-v5{font-size:11px;color:#718078;margin-bottom:13px}.breadcrumb-v5 a{color:var(--green);font-weight:800}.page-hero-grid-v5{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.page-hero-v5 h1{font-size:40px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 10px}.page-hero-v5 h1 span{color:var(--green)}.page-hero-v5 p{max-width:700px;color:#607068;font-size:14px;line-height:1.6;margin:0}.hero-badge-v5{background:#fff;border:1px solid #dbe9e0;border-radius:16px;padding:18px 22px;min-width:170px;box-shadow:0 10px 30px rgba(17,69,45,.08);text-align:center}.hero-badge-v5 b{display:block;font-size:30px;color:var(--green)}.hero-badge-v5 span{font-size:10px;color:#6e7b74;font-weight:800}.content-v5{padding:34px 0 60px}.paper-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.paper-card-v5{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 8px 28px rgba(21,58,40,.07);transition:.2s}.paper-card-v5:hover{transform:translateY(-5px)}.paper-banner-v5{height:100px;padding:18px;background:linear-gradient(135deg,#e9f8ef,#f7fcf9);position:relative}.paper-banner-v5.n5{background:linear-gradient(135deg,#ffe9ef,#fff8fa)}.paper-banner-v5.n4{background:linear-gradient(135deg,#eaf8ee,#f8fcf9)}.paper-banner-v5.n3{background:linear-gradient(135deg,#eaf3ff,#f8fbff)}.paper-banner-v5.n2{background:linear-gradient(135deg,#fff1df,#fffaf4)}.paper-banner-v5.n1{background:linear-gradient(135deg,#eee9ff,#faf9ff)}.paper-level-v5{font-size:25px;font-weight:950}.paper-decoration-v5{position:absolute;right:18px;top:17px;font-size:40px;opacity:.7}.paper-body-v5{padding:17px}.paper-body-v5 h3{margin:0 0 7px;font-size:16px}.paper-body-v5 p{font-size:11px;color:var(--muted);line-height:1.5;min-height:34px}.paper-meta-v5{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.mini-pill-v5{padding:5px 8px;border-radius:999px;background:#f3f7f4;color:#53625a;font-size:9px;font-weight:800}.start-btn-v5{display:block;background:var(--green);color:#fff;text-align:center;padding:11px;border-radius:9px;font-size:11px;font-weight:900}.practice-layout-v5{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:start}.brief-card-v5,.form-card-v5{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 32px rgba(21,58,40,.07)}.brief-card-v5{padding:25px}.brief-top-v5{display:flex;align-items:center;gap:15px;padding-bottom:20px;border-bottom:1px solid var(--line)}.level-emblem-v5{width:66px;height:66px;border-radius:18px;background:#eaf8ef;display:grid;place-items:center;font-size:22px;font-weight:950;color:var(--green)}.brief-top-v5 h2{margin:0 0 4px;font-size:22px}.brief-top-v5 p{margin:0;color:var(--muted);font-size:11px}.rule-list-v5{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.rule-v5{padding:12px;border-radius:10px;background:#f8fbf9;font-size:10px;color:#53625a}.rule-v5 b{display:block;color:#173d2c;font-size:11px;margin-bottom:4px}.form-card-v5{padding:23px;position:sticky;top:90px}.form-card-v5 h3{margin:0 0 5px;font-size:17px}.form-card-v5>p{font-size:11px;color:var(--muted);margin:0 0 15px}.field-v5{margin-bottom:12px}.field-v5 label{display:block;font-size:10px;font-weight:900;margin-bottom:5px}.field-v5 input,.field-v5 select{width:100%;border:1px solid #dbe5df;border-radius:8px;padding:11px 12px;font:inherit;font-size:12px;outline:none;background:#fff}.consent-v5{display:flex;gap:7px;align-items:flex-start;font-size:10px;color:#59675f;line-height:1.5;margin:13px 0}.exam-page-v5{background:#f5f8f6;min-height:calc(100vh - 68px)}.exam-top-v5{background:#fff;border-bottom:1px solid #dfe8e2;position:sticky;top:68px;z-index:90}.exam-top-inner-v5{max-width:1360px;width:94%;margin:auto;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.exam-title-v5 strong{display:block;font-size:14px}.exam-title-v5 span{font-size:10px;color:#748078}.exam-progress-v5{flex:1;max-width:430px}.progress-label-v5{display:flex;justify-content:space-between;font-size:9px;font-weight:800;color:#6a776f;margin-bottom:5px}.progress-track-v5{height:7px;background:#e7eee9;border-radius:99px;overflow:hidden}.progress-fill-v5{height:100%;background:linear-gradient(90deg,var(--green),#31b875);width:0}.timer-v5{min-width:86px;padding:9px 12px;border-radius:10px;background:#edf8f1;color:#087644;text-align:center;font-size:16px;font-weight:950}.timer-v5.warning{background:#fff0df;color:#c66d00}.timer-v5.danger{background:#ffe9ed;color:#d92e50}.exam-main-v5{max-width:1360px;width:94%;margin:22px auto 45px;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:18px}.question-card-v5{background:#fff;border:1px solid #e1e9e4;border-radius:17px;box-shadow:0 9px 25px rgba(18,58,39,.06);overflow:hidden}.question-head-v5{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.question-number-v5{font-size:11px;font-weight:900;color:var(--green)}.section-badge-v5{padding:5px 9px;border-radius:99px;background:#eef7f1;color:#426454;font-size:9px;font-weight:900}.question-body-v5{padding:24px}.question-body-v5 h2{font-size:20px;line-height:1.65;margin:0 0 20px}.audio-box-v5{background:#f5faf7;border:1px solid #dcece2;padding:13px;border-radius:10px;margin-bottom:17px}.option-v5{display:flex;align-items:flex-start;gap:12px;border:1px solid #dfe8e2;border-radius:11px;padding:14px;margin:9px 0;cursor:pointer;transition:.15s;font-size:13px}.option-v5:hover,.option-v5.selected{border-color:var(--green);background:#edf9f2}.option-v5 input{margin-top:3px;accent-color:var(--green)}.question-footer-v5{display:flex;justify-content:space-between;gap:10px;padding:16px 20px;border-top:1px solid var(--line);background:#fbfcfb}.exam-sidebar-v5{position:sticky;top:158px;height:max-content}.side-card-v5{background:#fff;border:1px solid #e1e9e4;border-radius:16px;padding:15px;box-shadow:0 8px 24px rgba(18,58,39,.06);margin-bottom:12px}.side-card-v5 h3{font-size:13px;margin:0 0 12px}.qnav-v5{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.qnav-v5 button{height:34px;border:1px solid #dce6df;border-radius:8px;background:#fff;font-weight:900;font-size:10px;color:#53625a;cursor:pointer}.qnav-v5 button.active{background:var(--green);color:#fff;border-color:var(--green)}.qnav-v5 button.answered{box-shadow:inset 0 -3px 0 #79c99e}.legend-v5{display:grid;gap:7px;font-size:9px;color:#69766f}.legend-v5 span:before{content:'';display:inline-block;width:9px;height:9px;border-radius:3px;background:#e5ece8;margin-right:6px}.legend-v5 .answered:before{background:#79c99e}.legend-v5 .current:before{background:var(--green)}.result-hero-v5{background:linear-gradient(135deg,#eaf8ef,#fff 60%,#fff4f7);padding:38px 0}.result-summary-v5{display:grid;grid-template-columns:220px 1fr;gap:25px;align-items:center}.score-ring-v5{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) var(--score,250deg),#e7eee9 0);position:relative;margin:auto}.score-ring-v5:after{content:'';position:absolute;inset:12px;border-radius:50%;background:#fff}.score-center-v5{position:relative;z-index:1;text-align:center}.score-center-v5 b{display:block;font-size:35px;color:var(--green)}.score-center-v5 span{font-size:10px;color:var(--muted)}.result-summary-v5 h1{font-size:30px;margin:0 0 7px}.result-summary-v5 p{color:var(--muted);font-size:12px}.result-stats-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.result-stat-v5{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.result-stat-v5 b{display:block;font-size:18px}.result-stat-v5 span{font-size:9px;color:var(--muted)}.review-list-v5{display:grid;gap:12px}.review-card-v5{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px}.review-card-v5.correct{border-left:4px solid #25a866}.review-card-v5.incorrect{border-left:4px solid #ef4d73}.review-top-v5{display:flex;justify-content:space-between;font-size:10px;font-weight:900}.answer-line-v5{font-size:11px;color:#5f6d65;margin-top:8px}.status-v5{padding:4px 8px;border-radius:99px;background:#edf8f1;color:#087644}.status-v5.bad{background:#fff0f3;color:#d62e4f}.apps-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.app-card-v5{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff;box-shadow:0 8px 28px rgba(21,58,40,.07);display:flex;align-items:center;gap:14px}.app-card-v5 .app-icon{width:62px;height:62px;border-radius:16px;background:linear-gradient(135deg,#14a95e,#087644);color:#fff;display:grid;place-items:center;font-size:20px;font-weight:950}.resources-grid-v5{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-v5{border:1px solid var(--line);border-radius:17px;padding:22px;background:#fff;box-shadow:0 8px 26px rgba(21,58,40,.06);min-height:160px}.resource-v5 .r-icon{font-size:30px}.admin-grid-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-stat-v5{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 8px 25px rgba(21,58,40,.06)}.admin-stat-v5 b{font-size:27px;display:block;color:var(--green)}.admin-stat-v5 span{font-size:10px;color:var(--muted)}.admin-actions-v5{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.admin-action-v5{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;font-weight:900;font-size:12px}.admin-action-v5 span{display:block;font-size:22px;margin-bottom:8px}@media(max-width:900px){.paper-grid-v5,.apps-grid-v5,.resources-grid-v5{grid-template-columns:repeat(2,1fr)}.practice-layout-v5{grid-template-columns:1fr}.form-card-v5{position:static}.exam-main-v5{grid-template-columns:1fr}.exam-sidebar-v5{position:static}.result-summary-v5{grid-template-columns:1fr}.admin-grid-v5,.admin-actions-v5{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.page-hero-grid-v5{grid-template-columns:1fr}.hero-badge-v5{display:none}.paper-grid-v5,.apps-grid-v5,.resources-grid-v5,.admin-grid-v5,.admin-actions-v5,.rule-list-v5,.result-stats-v5{grid-template-columns:1fr}.page-hero-v5 h1{font-size:31px}.question-body-v5 h2{font-size:17px}.exam-top-inner-v5{flex-wrap:wrap;padding:10px 0}.exam-progress-v5{order:3;flex-basis:100%;max-width:none}.timer-v5{margin-left:auto}}

/* ===== V6 GLOBAL INNER-PAGE DESIGN ===== */
.mobile-menu-v6{display:none;border:0;background:#edf8f1;color:var(--green);width:40px;height:40px;border-radius:10px;font-size:20px;cursor:pointer}
.page-hero-v5{position:relative;overflow:hidden;background:linear-gradient(135deg,#effaf4 0%,#fff 58%,#fff2f5 100%);padding:42px 0 38px;border-bottom:1px solid #e6efe9}
.page-hero-v5:before{content:'🌸';position:absolute;right:4%;top:-20px;font-size:100px;opacity:.10;transform:rotate(-15deg)}
.page-hero-v5:after{content:'⛩';position:absolute;right:18%;bottom:-40px;font-size:150px;opacity:.045}
.page-hero-grid-v5{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;position:relative;z-index:1}
.breadcrumb-v5{font-size:11px;font-weight:800;color:#728078;margin-bottom:12px}.breadcrumb-v5 a{color:var(--green)}
.page-hero-v5 h1{font-size:42px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 10px}.page-hero-v5 h1 span{color:var(--green)}
.page-hero-v5 p{max-width:760px;color:#607068;font-size:14px;line-height:1.65;margin:0}
.section-title-v5{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.section-title-v5 h2{margin:0 0 5px;font-size:27px;letter-spacing:-.6px}.section-title-v5 p{margin:0;color:var(--muted);font-size:12px}
.empty-v5{padding:55px 25px;text-align:center;background:#fff;border:1px dashed #cbd9d0;border-radius:18px}.empty-v5 h3{margin:0 0 7px}.empty-v5 p{color:var(--muted);font-size:12px}
.card-link{display:inline-block;margin-top:12px;color:var(--green);font-weight:900;font-size:11px}.resource-v5 h3{margin:10px 0 5px;font-size:18px}.resource-v5 p{color:var(--muted);font-size:11px;line-height:1.6}
/* Forms and old generic pages */
.section{padding:45px 0 70px;background:linear-gradient(#f7faf8,#fff)}
.form-card{width:min(760px,100%);margin:0 auto;background:#fff;border:1px solid #dfe9e3;border-radius:20px;padding:30px;box-shadow:0 15px 45px rgba(15,65,42,.08)}
.form-card h1{font-size:31px;margin:0 0 8px}.form-card h3{font-size:18px;margin:22px 0 10px}.form-card p{color:#627068;font-size:13px;line-height:1.7}.form-card .field{margin:15px 0}.form-card label{display:block;font-size:12px;font-weight:900;margin-bottom:6px;color:#24382e}.form-card input,.form-card select,.form-card textarea,.panel input,.panel select,.panel textarea{width:100%;border:1px solid #d6e2da;border-radius:10px;padding:12px 13px;background:#fff;font:inherit;font-size:13px;outline:none}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.panel input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(7,139,76,.08)}.form-card textarea{min-height:110px;resize:vertical}.notice{padding:13px 15px;border-radius:12px;background:#edf8f1;border:1px solid #d7ebdf;color:#416052;font-size:12px;line-height:1.6;margin:17px 0}.success,.error{padding:12px 15px;border-radius:10px;font-size:12px;margin-bottom:15px}.success{background:#eaf8ef;color:#087644}.error{background:#fff0f3;color:#c52f4e}.muted{color:#718078!important}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;border-radius:10px;padding:12px 18px;font-weight:900}.btn-primary{background:var(--green);color:#fff;box-shadow:0 8px 20px rgba(7,139,76,.18)}.panel{background:#fff;border:1px solid #dfe9e3;border-radius:18px;padding:20px;box-shadow:0 10px 32px rgba(15,65,42,.06)}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:680px}.table th{background:#f1f7f3;color:#274336;font-size:11px;text-align:left;padding:12px;border-bottom:1px solid #dce7e0}.table td{padding:12px;border-bottom:1px solid #edf1ee;font-size:11px;color:#526159;vertical-align:top}.table tr:hover td{background:#fbfdfb}
/* Start page */
.start-shell-v6{padding:38px 0 65px;background:linear-gradient(180deg,#f4faf7,#fff)}.start-grid-v6{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start}.start-card-v6{background:#fff;border:1px solid #dfe9e3;border-radius:20px;box-shadow:0 14px 40px rgba(15,65,42,.07);overflow:hidden}.start-banner-v6{padding:26px;background:linear-gradient(135deg,#e8f8ee,#fff4f7);display:flex;align-items:center;gap:18px}.start-level-v6{width:72px;height:72px;border-radius:20px;background:#fff;display:grid;place-items:center;font-size:24px;font-weight:950;color:var(--green);box-shadow:0 7px 20px rgba(0,0,0,.06)}.start-banner-v6 h1{margin:0 0 5px;font-size:27px}.start-banner-v6 p{margin:0;color:#64716b;font-size:11px}.start-body-v6{padding:25px}.feature-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.feature-v6{background:#f8fbf9;border:1px solid #e4eee8;border-radius:12px;padding:13px}.feature-v6 b{display:block;font-size:12px;margin-bottom:3px}.feature-v6 span{font-size:10px;color:#718078}.form-card-v6{background:#fff;border:1px solid #dfe9e3;border-radius:20px;padding:24px;box-shadow:0 14px 40px rgba(15,65,42,.07);position:sticky;top:90px}.form-card-v6 h2{margin:0 0 5px;font-size:20px}.form-card-v6>p{font-size:11px;color:#6c7972;line-height:1.5;margin:0 0 17px}.field-v6{margin:12px 0}.field-v6 label{display:block;font-size:11px;font-weight:900;margin-bottom:5px}.field-v6 input,.field-v6 select{width:100%;border:1px solid #d6e2da;border-radius:10px;padding:12px;font:inherit;font-size:12px}.consent-v6{display:flex;gap:7px;font-size:10px;color:#64716b;line-height:1.5;margin:14px 0}.consent-v6 input{margin-top:3px;accent-color:var(--green)}
/* Footer */
.footer-col-v6{display:grid;gap:8px;min-width:130px}.footer-col-v6 strong{font-size:12px;color:#fff;margin-bottom:2px}.footer-col-v6 a{font-size:11px;color:#b9d8c9}.footer-col-v6 a:hover{color:#fff}.footer-top-v4 small{display:block;color:#8eb7a5;font-size:9px;max-width:340px;line-height:1.5;margin-top:8px}.footer-bottom-v4 span{margin:0 6px;color:#69b991}
/* Admin */
.admin-page-v6{padding:38px 0 70px;background:#f5f9f6}.admin-header-v6{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.admin-header-v6 h1{font-size:31px;margin:0}.admin-header-v6 p{margin:5px 0 0;color:var(--muted);font-size:12px}.admin-form-grid-v6{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form-grid-v6 .full{grid-column:1/-1}
@media(max-width:1050px){.main-nav-v4{gap:10px}.main-nav-v4 a{font-size:10px}.header-actions-v4{display:none}.start-grid-v6{grid-template-columns:1fr}.form-card-v6{position:static}.footer-top-v4{flex-wrap:wrap}.footer-col-v6{min-width:110px}}
@media(max-width:760px){.site-header-v4{height:62px}.nav-v4{height:62px}.mobile-menu-v6{display:block;margin-left:auto}.main-nav-v4{display:none;position:absolute;left:4%;right:4%;top:58px;background:#fff;border:1px solid #dfe9e3;border-radius:14px;padding:10px;box-shadow:0 18px 35px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.menu-open .main-nav-v4{display:flex}.main-nav-v4 a{padding:10px 12px;border:0!important;border-radius:8px}.main-nav-v4 a:hover,.main-nav-v4 a.active{background:#edf8f1}.logo-v4{font-size:19px}.page-hero-grid-v5{grid-template-columns:1fr}.hero-badge-v5{display:none}.section-title-v5,.admin-header-v6{align-items:flex-start;flex-direction:column}.feature-grid-v6,.admin-form-grid-v6{grid-template-columns:1fr}.admin-form-grid-v6 .full{grid-column:auto}}
@media(max-width:600px){.page-hero-v5{padding:30px 0}.page-hero-v5 h1{font-size:32px}.form-card{padding:22px}.footer-top-v4{display:grid;grid-template-columns:1fr 1fr}.footer-col-v6{min-width:0}.start-banner-v6{padding:20px}.start-banner-v6 h1{font-size:22px}.start-body-v6{padding:19px}}

/* =========================================================
   JLPT LEVEL CARD - JAPANESE IMAGE
   ========================================================= */

.level-picture-v4 {
    height: 180px;
    position: relative;
    overflow: hidden;
    background: #f5f7f6;
}

.level-picture-v4 img {
    width: 100%;
    height: 100%;
    display: block;

    object-fit: cover;
    object-position: center center;

    transition: transform 0.4s ease;
}


/* =========================================================
   N5 JAPANESE IMAGE - FINAL
   ========================================================= */

.level-card-v4.n5 .level-picture-v4 {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    position: relative;
    background: #eaf5ef;
}

.level-card-v4.n5 .level-picture-v4 img {
    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
}