:root{--color-primary:#1d6bcc;--color-primary-dark:#155baa;--color-primary-light:#dbeafe;--color-success:#16a34a;--color-success-light:#dcfce7;--color-success-border:#86efac;--color-warning:#d97706;--color-warning-light:#fef3c7;--color-warning-border:#fcd34d;--color-danger:#dc2626;--color-danger-light:#fee2e2;--color-danger-border:#fca5a5;--color-text:#1e293b;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-bg:#f1f5f9;--color-surface:#ffffff;--color-surface-2:#f8fafc;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.10);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--max-width:860px;--header-height:56px;--font-sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}img,video{max-width:100%;height:auto}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:700;color:var(--color-text)}.container{max-width:var(--max-width);margin:0 auto;padding:0 16px}.page-wrap{padding:32px 0 64px}@media(max-width:640px){.page-wrap{padding:24px 0 48px}}.btn-primary{display:inline-block;background:var(--color-primary);color:#fff;font-weight:700;border:none;border-radius:var(--radius-md);padding:14px 28px;font-size:1rem;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s,transform .1s;line-height:1.4}.btn-primary:hover{background:var(--color-primary-dark);text-decoration:none;color:#fff}.btn-primary:active{transform:scale(.98)}.btn-large{padding:16px 32px;font-size:1.1rem;width:100%;display:block}.btn-secondary{display:inline-block;background:rgba(0,0,0,0);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:12px 24px;font-size:.95rem;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s,color .2s}.btn-secondary:hover{background:var(--color-primary-light);text-decoration:none}.btn-cta{display:block;background:#e8440a;font-weight:700;border-radius:var(--radius-md);padding:16px;font-size:1.05rem;text-align:center;transition:background .2s,transform .1s}.btn-cta,.btn-cta:hover{color:#fff;text-decoration:none}.btn-cta:hover{background:#c73a08}.btn-cta:active{transform:scale(.98)}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:24px}.badge{display:inline-block;padding:3px 10px;border-radius:100px;font-size:.78rem;font-weight:600}.badge-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.info-box{background:var(--color-primary-light);border-left:4px solid var(--color-primary);color:#1e40af}.info-box,.warn-box{border-radius:0 var(--radius-md) var(--radius-md) 0;padding:16px 20px;margin:24px 0;font-size:.9rem;line-height:1.7}.warn-box{background:#fffbeb;border-left:4px solid var(--color-warning);color:#92400e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.mt-0{margin-top:0}.mb-0{margin-bottom:0}