.portal{min-height:100dvh;display:flex;flex-direction:column;--p-ink: #101820;--p-body: #3c4548;--p-muted: #575f64;--p-line: #e4e6e5;--p-green: #006242;--p-green-soft: #ecf4f0;--p-amber-ink: #8a6314;--p-amber-soft: #fbf3e2;--p-pad-x: clamp(20px, 4.4vw, 60px);background:linear-gradient(180deg,#00624212,#00624200 340px),radial-gradient(880px 520px at 88% 4%,#0062421c,#00624200 62%),radial-gradient(720px 460px at 4% 98%,#00624212,#00624200 60%),url(/portal-bg.webp) center center / cover no-repeat,#fbfcfb;color:var(--p-body)}.portal-header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:clamp(11px,1.7vh,18px) var(--p-pad-x);border-bottom:1px solid var(--p-line)}.portal-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.portal-mark{width:clamp(28px,3.4vh,34px);height:auto;flex:none}.portal-wordmark{display:flex;flex-direction:column;line-height:1.2}.portal-brand-name{font-size:clamp(16px,2.1vh,19px);font-weight:700;letter-spacing:-.01em;color:var(--p-ink)}.portal-brand-dot{display:inline-block;width:5px;height:5px;margin-left:3px;border-radius:50%;background:var(--p-green)}.portal-brand-tag{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--p-muted)}.portal-lang{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--p-line);border-radius:8px}.portal-lang-btn{padding:5px 12px;border:0;border-radius:5px;background:transparent;color:var(--p-muted);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:color .15s ease,background .15s ease}.portal-lang-btn:hover{color:var(--p-ink)}.portal-lang-btn.active{background:var(--p-green);color:#fff}.portal-main{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,5.4vh,68px);padding:clamp(18px,3.4vh,52px) var(--p-pad-x)}.portal-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(24px,4vw,64px)}.portal-hero-copy{max-width:640px}.portal-hero-art{position:relative;display:flex;justify-content:flex-end}.portal-hero-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(closest-side,#00624221,#0062420d 58%,#00624200)}.portal-hero-art img{position:relative;z-index:1;width:auto;max-width:100%;height:clamp(170px,33vh,360px);mix-blend-mode:multiply}@media (max-width: 900px){.portal-hero{grid-template-columns:minmax(0,1fr)}.portal-hero-art{display:none}}.portal-eyebrow{display:inline-block;margin-bottom:clamp(10px,1.8vh,18px);padding:5px 11px;border-radius:5px;background:var(--p-green-soft);color:var(--p-green);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-title{margin:0 0 clamp(10px,1.7vh,18px);font-size:clamp(27px,min(4.5vw,6.4vh),53px);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:var(--p-ink)}.portal-sub{margin:0;max-width:560px;font-size:clamp(13.5px,min(1.35vw,2vh),17px);line-height:1.65;color:var(--p-body)}.portal-cta{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(16px,2.8vh,28px);padding:clamp(10px,1.5vh,13px) clamp(18px,2vw,24px);border-radius:8px;background:var(--p-green);color:#fff;font-size:clamp(13px,1.7vh,14.5px);font-weight:700;text-decoration:none;transition:background .16s ease}.portal-cta:hover{background:#01472f}.portal-cta:focus-visible{outline:2px solid var(--p-green);outline-offset:3px}.portal-section-label{margin:0 0 clamp(14px,2.2vh,22px);font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p-muted)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.6vw,56px)}@media (max-width: 1180px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.portal-item{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:inherit;padding:clamp(16px,2.1vh,22px) clamp(16px,1.5vw,22px);background:#fff;border:1px solid var(--p-line);border-radius:14px;box-shadow:0 2px 4px #10202a0d,0 14px 32px #10202a14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.portal-item-head{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:clamp(10px,1.6vh,16px)}.portal-item-num{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--p-green);transition:color .16s ease}.portal-item-rule{flex:1;height:1px;background:#10202a21}.portal-item-name{margin:0 0 8px;font-size:clamp(16px,min(1.5vw,2.4vh),20px);font-weight:700;letter-spacing:-.01em;color:var(--p-ink)}.portal-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:4px;font-size:10.5px;font-weight:700;white-space:nowrap}.portal-badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.portal-badge.live{background:var(--p-green-soft);color:var(--p-green)}.portal-badge.soon{background:var(--p-amber-soft);color:var(--p-amber-ink)}.portal-item-desc{margin:0 0 clamp(10px,1.6vh,16px);font-size:clamp(12.5px,min(1.1vw,1.75vh),14.5px);line-height:1.6;color:var(--p-body)}.portal-item-points{margin:0 0 clamp(14px,2.2vh,22px);padding:0;list-style:none;display:flex;flex-direction:column;gap:clamp(5px,.8vh,8px)}.portal-item-points li{position:relative;padding-left:15px;font-size:clamp(11.5px,min(1vw,1.6vh),13px);line-height:1.5;color:var(--p-muted)}.portal-item-points li:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:var(--p-green);opacity:.55}.portal-item-cta{display:inline-flex;align-items:center;gap:7px;margin-top:auto;font-size:clamp(12px,1.65vh,13.5px);font-weight:700;color:var(--p-green)}.portal-item.locked .portal-item-cta{color:var(--p-muted)}.portal-item.locked .portal-item-points li:before{background:var(--p-muted)}.portal-item.open:hover{transform:translateY(-3px);border-color:#0062424d;box-shadow:0 16px 34px #10202a1a}.portal-item.open:hover .portal-item-num{color:var(--p-green)}.portal-item.open:hover .portal-arrow{transform:translate(4px)}.portal-item.open:focus-visible{outline:2px solid var(--p-green);outline-offset:4px;border-radius:14px}.portal-arrow{width:13px;height:8px;flex:none;background:currentColor;clip-path:polygon(0 38%,62% 38%,62% 0,100% 50%,62% 100%,62% 62%,0 62%);transition:transform .18s ease}.portal-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:clamp(10px,1.6vh,16px) var(--p-pad-x);border-top:1px solid var(--p-line);font-size:12px;color:var(--p-body)}.portal-footer a{color:var(--p-body);text-decoration:none}.portal-footer a:hover{color:var(--p-green)}@media (max-width: 780px){.portal-grid{grid-template-columns:minmax(0,1fr);gap:30px}}@media (prefers-reduced-motion: reduce){.portal-arrow,.portal-cta,.portal-item-num,.portal-item{transition:none}.portal-item.open:hover,.portal-item.open:hover .portal-arrow{transform:none}}:root{--hapo-primary: #006242;--hapo-deep: #015339;--hapo-deepest: #002f21;--hapo-ink: #101820;--mint: #29de94;--mint-strong: #05c47c;--mint-dark: #00a066;--mint-soft: #66efb3;--mint-pale: #a2f8cc;--text: #f3f3f4;--text-dim: #cfd1d2;--text-muted: #9fa3a6;--glass: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .14);--danger: #ff6b5e;--danger-soft: rgba(255, 107, 94, .14);--amber: #f0b429;--hapo-backdrop: radial-gradient(1100px 600px at 50% -10%, rgba(41, 222, 148, .12) 0%, transparent 60%), radial-gradient(800px 500px at 85% 100%, rgba(0, 98, 66, .35) 0%, transparent 55%), linear-gradient(165deg, var(--hapo-ink) 0%, var(--hapo-deepest) 55%, var(--hapo-deep) 100%)}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,Noto Sans JP,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}.route-splash{min-height:100vh;background:var(--hapo-backdrop)}