:root{--primary:#004d99; --primary-dark:#003366; --secondary:#6c757d; --light:#f8f9fa; --dark:#343a40; --accent:#ff6b6b; --border-radius:8px; --shadow:0 4px 12px rgba(0, 0, 0, 0.08); --transition:all 0.3s ease}*{margin:0; padding:0; box-sizing:border-box; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif}body{background-color:#f5f7ff; color:#333; line-height:1.6; overflow-x:hidden}.container{max-width:100%; margin:0; padding:0}header{background:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), linear-gradient(135deg, #004d99 0%, #003366 100%); color:white; padding:1.5rem; box-shadow:0 4px 20px rgba(0, 0, 0, 0.1); text-align:center}header::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1}.header-content{position:relative; z-index:2}.header-content{display:flex; flex-direction:column; align-items:center; gap:0}.logo{max-width:220px; height:auto; margin-bottom:15px; filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2)); transition:transform 0.3s ease; cursor:pointer}.logo:hover{transform:scale(1.15)}.header-title{font-size:clamp(2.5rem, 6vw, 5rem); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; margin:0}.header-subtitle{font-size:clamp(1rem, 3vw, 1.4rem); font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; margin-top:0; opacity:0.9}@media (max-width:8px){.header-title{font-size:3rem}.header-subtitle{font-size:0.9rem}.logo{max-width:180px}}.intro{text-align:center; max-width:100%; margin:30px auto; padding:0 20px}.intro p{margin-bottom:15px}.content-wrapper{display:flex; gap:30px; margin:40px 20px; flex-wrap:wrap}.toc-container{flex:1; min-width:280px; position:relative}.toc{background:white; border-radius:var(--border-radius); padding:0; box-shadow:var(--shadow); position:sticky; top:20px; max-height:calc(100vh - 60px); overflow:hidden; display:flex; flex-direction:column}.toc-header{color:var(--primary); margin:0; padding:20px 25px; border-bottom:2px solid var(--light); background:white; z-index:10; flex-shrink:0}.toc-content{flex:1; overflow-y:auto; padding:15px 25px; scroll-behavior:smooth}.toc ul{list-style:none}.toc li{margin-bottom:12px}.toc a{text-decoration:none; color:var(--dark); display:flex; align-items:center; transition:var(--transition); padding:8px 0; border-left:3px solid transparent}.toc a:hover{color:var(--primary); border-left:3px solid var(--primary); padding-left:10px}.toc a i{margin-right:10px; width:20px; text-align:center}.policy-content{flex:3; min-width:300px}.supercard{background:white; border-radius:var(--border-radius); box-shadow:var(--shadow); margin-bottom:30px; overflow:hidden}.supercard-title{background:linear-gradient(to right, var(--primary), var(--primary-dark)); color:white; padding:20px 25px; font-size:1.4rem; display:flex; align-items:center}.supercard-title i{margin-right:12px; font-size:1.2rem}.card{padding:25px; border-bottom:1px solid #eee}.card:last-child{border-bottom:none}.card h2{color:var(--primary); margin-bottom:15px; font-size:1.3rem; display:flex; align-items:center}.card h2 i{margin-right:10px; font-size:1.1rem}.card h4{color:var(--secondary); margin:15px 0; line-height:1.7}.card p{margin-bottom:15px}.card ul{padding-left:20px; margin-bottom:15px}.card li{margin-bottom:8px}a{color:var(--primary); text-decoration:none; transition:var(--transition)}a:hover{color:var(--primary-dark); text-decoration:underline}.highlight{background-color:rgba(0, 77, 153, 0.1); padding:20px; border-radius:var(--border-radius); margin:20px 0; border-left:4px solid var(--primary)}footer{background:linear-gradient(135deg, #000000 0%, #333333 100%); color:white; padding:1.5rem; text-align:center}.footer-content{font-size:16px; margin-bottom:15px}.footer-links a{color:#fff; text-decoration:none; margin:0 15px; font-size:14px}.footer-divider{color:#555}.toc-content::-webkit-scrollbar{width:6px}.toc-content::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px}.toc-content::-webkit-scrollbar-thumb{background:var(--primary); border-radius:10px}.toc-content::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}@media (max-width:768px){.content-wrapper{flex-direction:column; margin:40px 15px}.toc-container{position:static}.toc{position:static; max-height:none; overflow:visible}.toc-header{position:static}.footer-content{flex-direction:column; text-align:center}}body{-webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none}body{-webkit-touch-callout:none}@media screen and (max-width:768px){header{min-height:280px; display:flex; flex-direction:column; justify-content:center}.header-content{display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%}}