.legal-page{min-height:100vh;font-family:var(--font-body);background:#fafbfc}.legal-nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #1a56db1a;padding:16px 40px;position:sticky;top:0}.legal-nav-inner{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;display:flex}.back-link{color:var(--ink-2);border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.back-link:hover{color:var(--blue);background:#f5f8ff}.legal-hero{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#2563eb 100%);padding:80px 40px 60px;position:relative;overflow:hidden}.legal-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0%,#0000 50%);position:absolute;inset:0}.legal-hero-inner{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.legal-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.legal-hero h1{font-family:var(--font-display);margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.2}.legal-subtitle{opacity:.95;margin:0 0 32px;font-size:18px;line-height:1.6}.legal-meta{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.legal-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}.legal-content{padding:60px 40px 80px}.legal-container{grid-template-columns:280px 1fr;align-items:start;gap:60px;max-width:1280px;margin:0 auto;display:grid}.legal-toc{position:sticky;top:80px}.toc-sticky{background:#fff;border:1px solid #1a56db1a;border-radius:16px;padding:24px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.toc-sticky h3{font-family:var(--font-display);color:var(--ink);margin:0 0 16px;font-size:16px;font-weight:700}.toc-sticky nav{flex-direction:column;gap:4px;display:flex}.toc-sticky nav a{color:var(--ink-2);border-radius:8px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:block;position:relative}.toc-sticky nav a:before{content:"";background:var(--blue);border-radius:2px;width:3px;height:0;transition:height .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.toc-sticky nav a:hover{color:var(--blue);background:#f5f8ff;padding-left:20px}.toc-sticky nav a:hover:before{height:20px}.legal-main{background:#fff;border:1px solid #1a56db1a;border-radius:20px;padding:48px;box-shadow:0 2px 16px #0000000a}.legal-intro{color:var(--ink-2);border-bottom:2px solid #f0f4f8;margin-bottom:48px;padding-bottom:32px;font-size:17px;line-height:1.8}.legal-intro p{margin:0}.legal-section{opacity:0;margin-bottom:56px;transition:all .6s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.legal-section.visible{opacity:1;transform:translateY(0)}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-family:var(--font-display);color:var(--ink);align-items:center;gap:16px;margin:0 0 24px;font-size:28px;font-weight:700;line-height:1.3;display:flex}.section-number{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#2563eb 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:inline-flex}.section-content{color:var(--ink-2);font-size:16px;line-height:1.8}.section-content>p{margin:0 0 20px}.section-content>p:last-child{margin-bottom:0}.legal-list{margin:20px 0;padding:0;list-style:none}.legal-list li{margin-bottom:16px;padding-left:32px;position:relative}.legal-list li:before{content:"→";color:var(--blue);font-weight:700;position:absolute;left:8px}.legal-list li strong{color:var(--ink);font-weight:600}.warning-list li:before{content:"⚠"}.highlight-box{border-left:4px solid var(--blue);background:linear-gradient(135deg,#f5f8ff 0%,#e5edff 100%);border-radius:12px;margin:24px 0;padding:20px 24px}.highlight-box p{color:var(--ink);margin:0;font-weight:500}.note-box{background:#f8f9fb;border:1px solid #e5e7eb;border-radius:12px;margin:24px 0;padding:20px 24px}.note-box p{margin:0 0 12px}.note-box p:last-child{margin-bottom:0}.note-box strong{color:var(--ink)}.note-box.risk{color:#991b1b;background:#fff5f5;border-color:#fecaca}.warning-box{background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%);border:2px solid #fb923c;border-radius:12px;margin:24px 0;padding:24px}.warning-box h3{color:#ea580c;margin:0 0 12px;font-size:18px;font-weight:700}.warning-box p{color:#7c2d12;margin:0;font-weight:500}.contact-box{background:#f5f8ff;border:1px solid #1a56db33;border-radius:12px;margin:24px 0;padding:24px}.contact-item{margin-bottom:12px}.contact-item:last-child{margin-bottom:0}.contact-item strong{color:var(--ink);min-width:80px;display:inline-block}.contact-item a{color:var(--blue);font-weight:500;text-decoration:none;transition:all .2s}.contact-item a:hover{text-decoration:underline}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:24px 0;display:grid}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.info-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 4px 12px #1a56db26}.info-icon{margin-bottom:12px;font-size:32px}.info-card h4{color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:700}.info-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:24px 0;display:grid}.choice-card{background:#f5f8ff;border:2px solid #1a56db33;border-radius:12px;padding:24px}.choice-card h4{color:var(--ink);margin:0 0 12px;font-size:16px;font-weight:700}.choice-card p{color:var(--ink-2);margin:0;font-size:14px;line-height:1.6}.usage-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:24px 0;display:grid}.usage-card{border-radius:12px;padding:24px}.usage-card.allowed{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac}.usage-card.forbidden{background:linear-gradient(135deg,#fff5f5 0%,#fee2e2 100%);border:2px solid #fca5a5}.usage-card h4{margin:0 0 16px;font-size:18px;font-weight:700}.usage-card.allowed h4{color:#166534}.usage-card.forbidden h4{color:#991b1b}.usage-card ul{margin:0;padding:0;list-style:none}.usage-card ul li{padding:8px 0 8px 28px;font-size:14px;line-height:1.6;position:relative}.usage-card.allowed ul li{color:#166534}.usage-card.forbidden ul li{color:#991b1b}.usage-card.allowed ul li:before{content:"✓";color:#22c55e;font-weight:700;position:absolute;left:4px}.usage-card.forbidden ul li:before{content:"✗";color:#ef4444;font-weight:700;position:absolute;left:4px}.legal-footer{background:linear-gradient(#e5edff 0%,#dce6ff 100%);border-top:1px solid #1a56db1a;padding:32px 40px}.legal-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1280px;margin:0 auto;display:flex}.footer-links{align-items:center;gap:12px;display:flex}.footer-link{font-family:var(--font-body);color:var(--ink-2);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--blue);background:#1a56db14}.footer-link.active{color:var(--blue);background:#1a56db1f;font-weight:600}.footer-separator{color:var(--border);font-size:13px}.footer-copy{font-family:var(--font-body);color:var(--muted);font-size:13px;font-weight:500}@media (max-width:1024px){.legal-container{grid-template-columns:1fr;gap:40px}.legal-toc{display:none}.legal-main{order:1}.toc-sticky{position:relative;top:0}}@media (max-width:768px){.legal-nav{padding:12px 20px}.back-link{padding:6px 12px;font-size:13px}.legal-hero{padding:60px 20px 40px}.legal-hero h1{font-size:32px}.legal-subtitle{font-size:16px}.legal-content{padding:40px 20px 60px}.legal-main{border-radius:16px;padding:32px 24px}.legal-section h2{flex-direction:column;align-items:flex-start;gap:12px;font-size:22px}.section-number{width:36px;height:36px;font-size:14px}.info-grid,.choice-grid,.usage-grid{grid-template-columns:1fr;gap:16px}.toc-sticky{padding:20px}.legal-footer{padding:28px 20px}.legal-footer-inner{text-align:center;flex-direction:column;gap:12px}.footer-links{order:2}.footer-copy{order:3}}@media (max-width:480px){.legal-hero h1{font-size:28px}.legal-main{padding:24px 20px}.legal-section h2{font-size:20px}.section-content{font-size:15px}}