.legal-page{min-height:100vh;background:linear-gradient(180deg,#1a1f35 0%,#141829 50%,#1a1f35 100%);padding:2rem 1.5rem 4rem;position:relative}.reading-progress{position:fixed;top:0;left:0;width:3px;height:100vh;background:rgba(255,255,255,.05);z-index:1000}.progress-bar{width:100%;background:linear-gradient(180deg,#818cf8,#a78bfa);transition:height .1s ease-out;box-shadow:0 0 10px #818cf880}.page-header{max-width:1200px;margin:0 auto 3rem;position:relative}.header-content{display:flex;align-items:center;gap:1.5rem;padding:2rem 2.5rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:20px;backdrop-filter:blur(20px)}.header-icon{width:4rem;height:4rem;background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 20px #818cf84d;flex-shrink:0}.header-icon svg{width:2rem;height:2rem}.header-text{flex:1}.page-title{font-size:2rem;font-weight:600;color:#f1f5f9;margin-bottom:.25rem;letter-spacing:-.02em}.page-subtitle{font-size:.875rem;color:#94a3b8;letter-spacing:.15em;text-transform:uppercase;font-weight:500}.header-decoration{display:flex;gap:.5rem;margin-top:1rem}.decoration-dot{width:.5rem;height:.5rem;background:linear-gradient(135deg,#818cf8,#a78bfa);border-radius:50%;animation:pulse 3s ease-in-out infinite;opacity:.6}.dot-1{animation-delay:0s}.dot-2{animation-delay:.3s}.dot-3{animation-delay:.6s}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.15)}}.main-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start}.sidebar{position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:16px;padding:1.5rem;backdrop-filter:blur(10px)}.sidebar-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.08);color:#e2e8f0;font-weight:600;font-size:.875rem}.sidebar-icon{width:1.125rem;height:1.125rem;color:#818cf8;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:8px;color:#94a3b8;text-decoration:none;font-size:.8125rem;transition:all .2s ease;border:1px solid transparent;cursor:pointer;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:rgba(255,255,255,.04);color:#cbd5e1;border-color:#ffffff0d}.nav-item.active{background:linear-gradient(135deg,rgba(129,140,248,.15),rgba(167,139,250,.1));color:#a5b4fc;border-color:#818cf833;font-weight:500}.nav-number{font-size:.6875rem;font-weight:600;opacity:.5;font-family:SF Mono,Monaco,Consolas,monospace}.nav-item.active .nav-number{opacity:.8}.nav-title{flex:1;line-height:1.4}.content-area{min-width:0}.content-wrapper{display:flex;flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto}.update-badge,.update-info{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(129,140,248,.08);border:1px solid rgba(129,140,248,.15);border-radius:8px;color:#a5b4fc;font-size:.8125rem;font-weight:500;margin-bottom:1.5rem}.update-icon{width:.875rem;height:.875rem;flex-shrink:0}.notice-card{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(251,191,36,.08),rgba(245,158,11,.05));border:1px solid rgba(251,191,36,.2);border-radius:12px;margin-bottom:2.5rem}.notice-icon-wrapper{width:2rem;height:2rem;background:rgba(251,191,36,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fbbf24;flex-shrink:0}.notice-icon-wrapper svg{width:1rem;height:1rem}.notice-content{flex:1;font-size:.875rem;color:#fde68a;line-height:1.7}.notice-content strong{color:#fcd34d;font-weight:500}.notice-banner{display:flex;gap:.75rem;padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(129,140,248,.1),rgba(167,139,250,.1));border:1px solid rgba(129,140,248,.25);border-radius:12px;margin-bottom:1.5rem}.notice-icon{width:1.25rem;height:1.25rem;color:#a5b4fc;flex-shrink:0}.notice-text{flex:1;font-size:.875rem;color:#c4b5fd;line-height:1.6}.notice-text strong{color:#a5b4fc}.agreement-content,.agreement-card{background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:3rem;backdrop-filter:blur(10px)}.card-content{padding:0}.agreement-title{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}.agreement-title h1{font-size:1.75rem;font-weight:600;color:#f1f5f9;margin:0}.agreement-meta{display:flex;justify-content:center;gap:2rem;margin-bottom:2.5rem;font-size:.875rem;color:#94a3b8}.content-section{margin-bottom:3rem;scroll-margin-top:120px}.content-section:last-child{margin-bottom:0}.section-title{font-size:1.375rem;font-weight:600;color:#e2e8f0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:-.01em}.section-content{color:#cbd5e1;line-height:1.9;font-size:.9375rem}.section-content p{margin-bottom:1rem;text-align:justify}.content-placeholder{text-align:center;padding:3rem 1rem;color:#64748b;font-style:italic}.highlight{background:linear-gradient(180deg,transparent 60%,rgba(129,140,248,.2) 60%);padding:0 .125rem;text-decoration:underline;text-decoration-color:#60a5fa80;text-underline-offset:3px;text-decoration-thickness:1.5px;color:#f1f5f9}.brand{color:#f87171;font-weight:500}.warning{color:#fb7185;font-weight:500}.info{background:rgba(251,191,36,.2);color:#fcd34d;padding:.125rem .375rem;border-radius:4px;font-size:.875em}.note-text{color:#94a3b8;font-style:italic;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#94a3b84d;text-underline-offset:3px}.definition-list{list-style:none;padding:0;margin:0}.definition-list li{padding:.75rem 0;padding-left:0;margin-bottom:.5rem}.definition-list li strong{color:#e2e8f0;font-weight:500}.subsection{margin-bottom:1.5rem;padding:0;background:transparent;border:none}.subsection-title{font-size:1rem;font-weight:600;color:#e2e8f0;margin-bottom:.75rem}.subsection-content p{margin-bottom:.75rem}.highlight-box{padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(129,140,248,.08),rgba(167,139,250,.05));border-radius:8px;margin:1rem 0;font-size:.9375rem;line-height:1.8}.warning-box{padding:1rem 1.25rem;background:linear-gradient(135deg,rgba(248,113,113,.08),rgba(239,68,68,.05));border-radius:8px;margin:1rem 0;font-size:.9375rem;line-height:1.8}.prohibit-list{list-style:none;padding:0;margin:.75rem 0}.prohibit-list li{padding:.5rem 0 .5rem 1.5rem;position:relative;font-size:.9375rem}.prohibit-list li:before{content:"•";position:absolute;left:.5rem;color:#f87171;font-weight:700}.tag{display:inline-block;padding:.125rem .5rem;background:rgba(129,140,248,.15);border:1px solid rgba(129,140,248,.3);border-radius:4px;font-size:.8125rem;color:#a5b4fc;font-weight:500;margin-right:.375rem}.contact-card{padding:1.25rem 1.5rem;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);border-radius:12px;margin-top:1rem}.contact-item{display:flex;padding:.5rem 0;font-size:.9375rem}.contact-label{color:#94a3b8;min-width:140px;flex-shrink:0}@media (max-width: 1024px){.main-container{grid-template-columns:200px 1fr;gap:2rem}.agreement-content,.agreement-card{padding:2.5rem}}@media (max-width: 768px){.legal-page{padding:1.5rem 1rem 3rem}.main-container{grid-template-columns:1fr}.sidebar{position:static;max-height:none;margin-bottom:1.5rem}.header-content{padding:1.5rem}.header-icon{width:3rem;height:3rem}.header-icon svg{width:1.5rem;height:1.5rem}.page-title{font-size:1.5rem}.agreement-content,.agreement-card{padding:1.75rem}.section-title{font-size:1.125rem}.subsection{padding:1rem}}u{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.red-text{color:red}.yellow-bg{background-color:#ff0;color:#000;padding:0 4px}.highlight-box,.warning-box{background:transparent;border-left:none;padding:0;margin:1rem 0}