.bpp{--navy:#112f5f;--orange:#ef7d17;--cream:#fff7e8;max-width:900px;margin:30px auto;color:#293241;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif}.bpp *{box-sizing:border-box}.bpp-hero{padding:34px 25px;text-align:center;background:linear-gradient(135deg,#fff0d2,#fff);border:3px solid var(--navy);border-radius:20px}.bpp-hero>span{display:inline-block;padding:7px 15px;color:#fff;background:var(--orange);border-radius:999px;font-weight:800}.bpp-hero h2{margin:12px 0 8px;color:var(--navy);font-size:clamp(27px,5vw,42px);line-height:1.3}.bpp-hero p{margin:0}.bpp-card,.bpp-output{margin-top:18px;padding:22px;background:#fff;border-radius:15px;box-shadow:0 5px 18px rgba(17,47,95,.1)}.bpp-card h3,.bpp-output h3{margin:0 0 15px;color:var(--navy)}.bpp-card h3 i{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:9px;color:#fff;background:var(--orange);border-radius:50%;font-style:normal}.bpp label{display:block;margin-top:12px;font-weight:700}.bpp input,.bpp textarea{display:block;width:100%;margin-top:6px;padding:12px;border:2px solid #dfe4eb;border-radius:9px;font:inherit;line-height:1.65}.bpp-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bpp-work{margin-top:12px;padding:15px;background:#f7f9fc;border:1px solid #dfe4eb;border-radius:10px}.bpp-work h4{margin:0;color:var(--orange)}.bpp-output{color:#fff;background:var(--navy)}.bpp-output h3{color:#fff}.bpp-output textarea{min-height:480px;color:#293241;background:#fff}.bpp-output>div{display:flex;gap:12px}.bpp-output button{flex:1;margin-top:12px;padding:14px;border:0;border-radius:9px;color:#fff;background:var(--orange);font-weight:800;cursor:pointer}.bpp-output button+button{color:var(--navy);background:#fff}.bpp-status{text-align:center;color:#8ce99a;font-weight:700}@media(max-width:650px){.bpp-grid{grid-template-columns:1fr}.bpp-card,.bpp-output{padding:17px}.bpp-output>div{flex-direction:column}}