:root { color-scheme: dark; --bg:#07080b; --panel:#10141c; --line:rgba(255,255,255,.1); --text:#f7f9fc; --muted:#929dad; --pink:#ff2e76; --cyan:#17d4ff; --green:#3ce69a; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:radial-gradient(circle at 80% 5%,rgba(23,212,255,.07),transparent 30rem),var(--bg); color:var(--text); font-family:"Segoe UI","Yu Gothic UI",Meiryo,sans-serif; line-height:1.75; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1050px,calc(100% - 40px)); margin:0 auto; }
header { border-bottom:1px solid rgba(23,212,255,.2); background:rgba(7,8,11,.92); }
.header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.logo { position:relative;width:230px;height:66px;display:block;overflow:hidden; }.logo img { position:absolute;top:-42px;left:0;width:230px;height:auto;display:block; }
.back { color:var(--cyan); font-size:12px; font-weight:800; }
main { padding-bottom:40px; }
.page-title { padding:34px 0 22px; border-bottom:1px solid var(--line); }
.page-title p,.steps>p { margin:0 0 9px; color:var(--cyan); font:800 11px Consolas,monospace; letter-spacing:.18em; }
.page-title h1 { margin:0; font-size:clamp(42px,7vw,72px); line-height:1.1; font-weight:900; letter-spacing:-.04em; }
.page-title span { display:block; margin-top:7px; color:var(--muted); }
.info-grid { padding:20px 0; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.info-grid article { min-height:0; padding:16px; border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.info-grid b { color:var(--pink); font:900 12px Consolas,monospace; }.info-grid h2 { margin:7px 0 4px; font-size:20px; }.info-grid p { margin:0; color:var(--muted); font-size:13px; }
.steps { padding:20px 0; }.steps h2 { margin:0 0 12px; font-size:28px; }.steps ol { margin:0; padding:0; display:grid; gap:6px; list-style:none; }
.steps li { padding:12px 15px; display:flex; align-items:center; gap:13px; border:1px solid var(--line); background:#0c0f15; }
.steps li>span { width:35px; height:35px; display:grid; place-items:center; border:1px solid var(--cyan); border-radius:50%; color:var(--cyan); font-weight:900; }
.steps li div { display:grid; }.steps li small { margin-top:2px; color:var(--muted); }
.help-apply-section { padding:20px 0 0; }
.help-apply-card { min-height:390px; padding:50px; display:grid; grid-template-columns:1.2fr .8fr; align-items:center; gap:60px; border:1px solid rgba(255,46,118,.38); border-radius:14px; background:linear-gradient(130deg,rgba(255,46,118,.09),transparent 38%),linear-gradient(145deg,#141823,#0b0d12); box-shadow:0 28px 70px rgba(0,0,0,.35); }
.help-eyebrow { margin:0 0 9px; color:var(--cyan); font:800 11px Consolas,monospace; letter-spacing:.18em; }.help-apply-copy h2 { margin:0; font:900 clamp(38px,5vw,62px)/1 "Arial Black","Yu Gothic UI",Meiryo,sans-serif; }.help-price { margin:24px 0; display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }.help-price>span { color:var(--muted); font-size:14px; }.help-price-now { align-self:center; padding:5px 9px; border-radius:999px; background:var(--pink); color:#fff!important; font-size:12px!important; font-weight:900; line-height:1; }.help-price strong { color:#ffe872; font:900 clamp(54px,7.5vw,92px)/.9 "Arial Black","Yu Gothic UI",Meiryo,sans-serif; letter-spacing:-.06em; text-shadow:0 0 24px rgba(255,213,61,.28); }.help-price small { font-size:16px; font-weight:800; }.help-price .help-renewal-price { flex-basis:100%; margin-top:8px; color:#d6dbe3; font-size:16px; font-weight:800; }.help-apply-copy ul { margin:25px 0 0; padding:0; display:grid; gap:7px; list-style:none; color:#b9c1cc; font-size:13px; }.help-apply-copy li::before { content:"✓"; margin-right:9px; color:var(--green); font-weight:900; }
.help-apply-button { min-height:88px; padding:18px 22px; display:flex; align-items:center; justify-content:center; border-radius:8px; background:linear-gradient(135deg,#ff2e76,#ff5b54); color:#fff; border:1px solid rgba(255,255,255,.38); box-shadow:0 0 0 1px rgba(255,46,118,.38),0 0 28px rgba(255,46,118,.34),0 18px 48px rgba(255,46,118,.32); font-size:clamp(28px,4vw,42px); font-weight:900; letter-spacing:.08em; }.help-apply-action p { margin:12px 0 0; color:var(--muted); font-size:11px; text-align:center; }.help-apply-action p:last-child { margin-top:8px; color:#d9dee7; }
.help-apply-flow-wrap { grid-column:1/-1; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); }.help-apply-flow-wrap>p { margin:0 0 10px; color:var(--cyan); font:800 11px/1.4 Consolas,monospace; letter-spacing:.14em; }.help-apply-flow-wrap ol { margin:0; padding:0; display:grid; grid-template-columns:.75fr .95fr .8fr 1.7fr; gap:28px; list-style:none; }.help-apply-flow-wrap li { position:relative; min-height:64px; padding:10px 12px; display:flex; align-items:center; gap:10px; border:1px solid rgba(23,212,255,.22); border-radius:6px; background:rgba(23,212,255,.035); }.help-apply-flow-wrap li:not(:last-child)::after { content:"⇒"; position:absolute; right:-23px; top:50%; transform:translateY(-50%); color:var(--pink); font-size:18px; font-weight:900; }.help-apply-flow-wrap li span { color:var(--cyan); font:800 10px Consolas,monospace; }.help-apply-flow-wrap li strong { font-size:13px; line-height:1.45; }
.legal-list { padding:45px 0 25px; display:grid; gap:10px; }
.legal-list article { padding:27px; border:1px solid var(--line); border-radius:7px; background:var(--panel); }
.legal-list h2 { margin:0 0 8px; font-size:19px; }.legal-list p { margin:0;color:#aab3c0;font-size:13px; }
.legal-note { padding:19px;border-left:3px solid #ffd53d;background:#121006;color:#aaa483;font-size:12px; }
footer { border-top:1px solid var(--line);color:#657082;font-size:11px; }footer .shell { min-height:75px;display:flex;align-items:center; }
@media(max-width:700px){.info-grid{grid-template-columns:1fr}.help-apply-card{grid-template-columns:1fr;gap:35px;padding:30px 22px}.help-apply-button{width:100%;min-height:76px;font-size:28px}.logo{width:190px;height:56px}.logo img{top:-35px;width:190px}}
@media(max-width:640px){.help-apply-card{padding:24px 20px;gap:24px}.help-apply-flow-wrap ol{grid-template-columns:1fr;gap:18px}.help-apply-flow-wrap li{min-height:52px}.help-apply-flow-wrap li:not(:last-child)::after{content:"↓";right:auto;left:50%;top:auto;bottom:-18px;transform:translateX(-50%)}}