html{scroll-behavior:smooth}.legal-page-container{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);padding:0 1.5rem 10rem}.legal-wrapper{max-width:1100px;margin:0 auto}.legal-nav-header{justify-content:space-between;align-items:center;margin-bottom:4rem;padding:2rem 0;display:flex}.back-btn{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.back-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--bg-surface-hover);transform:translate(-5px)}.nav-brand{color:var(--text-main);align-items:center;gap:12px;font-size:1.1rem;font-weight:800;display:flex}.nav-logo-img{width:auto;height:28px}.legal-hero{text-align:center;margin-bottom:6rem}.legal-badge{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;background:#07b2d514;border-radius:100px;margin-bottom:2rem;padding:.4rem 1.2rem;font-size:.7rem;font-weight:800;display:inline-block}.legal-hero h1{letter-spacing:-1px;margin-bottom:1.5rem;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:900}.legal-hero p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.6}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:8rem;display:grid}.info-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:24px;padding:2.5rem;transition:all .4s}.info-card:hover{border-color:var(--primary);transform:scale(1.02);box-shadow:0 20px 40px -20px #07b2d526}.info-card .icon{color:var(--primary);margin-bottom:1.5rem;font-size:2.5rem;display:block}.info-card h3{margin-bottom:.8rem;font-size:1.2rem}.info-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.content-layout{flex-direction:column;gap:5rem;display:flex}.legal-articles{flex:1}.policy-section{margin-bottom:6rem;scroll-margin-top:50px}.policy-section h2{margin-bottom:1.5rem;font-size:1.8rem;font-weight:800}.policy-section .num{color:var(--primary);opacity:.5;margin-right:10px;font-family:monospace}.policy-text p{color:var(--text-muted);margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.proctor-box{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:32px;padding:3rem}.custom-list{margin:2rem 0;list-style:none}.custom-list li{color:var(--text-muted);margin-bottom:1rem;padding-left:2rem;position:relative}.custom-list li:before{content:"check_circle";color:var(--primary);font-family:Material Symbols Outlined;font-size:1.2rem;position:absolute;left:0}.alert-box{color:var(--primary);background:#07b2d50a;border:1px solid #07b2d51a;border-radius:16px;align-items:center;gap:12px;padding:1.2rem;font-size:.85rem;font-weight:600;display:flex}.sidebar-sticky{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:24px;padding:2rem;position:sticky;top:3rem}.sidebar-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);margin-bottom:1.5rem;font-size:.7rem;font-weight:800}.sidebar-links{flex-direction:column;gap:.5rem;display:flex}.sidebar-links a{color:var(--text-muted);border-radius:12px;padding:.8rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.sidebar-links a:hover{background:var(--bg-surface-hover);color:var(--primary);transform:translate(5px)}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:2.5rem;padding-top:2rem}.sidebar-footer p{color:var(--text-muted);margin-bottom:1.2rem;font-size:.8rem}.sidebar-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:700;transition:all .3s;box-shadow:0 10px 20px -10px #07b2d566}.sidebar-btn:hover{filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 15px 30px -10px #07b2d580}.csm-tag{text-align:center;color:var(--text-muted);letter-spacing:.5px;margin-top:2rem;font-size:.7rem;font-weight:600}@media (min-width:1024px){.content-layout{flex-direction:row;align-items:flex-start;gap:4rem}.legal-articles{flex:1}.legal-sidebar{width:300px}}@media (max-width:640px){.hide-mobile{display:none}.proctor-box{padding:1.5rem}.legal-hero{margin-bottom:3rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{opacity:0;animation:.8s cubic-bezier(.2,.8,.2,1) forwards fadeInUp}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}
