*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fffbf7;min-height:100vh;padding:40px 20px;color:#333}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.1);max-width:860px;width:100%;margin:0 auto;padding:50px 60px}.page-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #f0e6ff}.page-header .badge{display:inline-block;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;font-size:.78rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:16px}.page-header h1{font-size:2rem;font-weight:700;color:#222;margin-bottom:10px;line-height:1.25}.page-header .subtitle{color:#888;font-size:.95rem}.toc{background:#f8f4ff;border-left:4px solid #764ba2;border-radius:0 10px 10px 0;padding:22px 28px;margin-bottom:40px}.toc h2{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#764ba2;margin-bottom:14px}.toc ol{padding-left:20px;display:grid;grid-template-columns:1fr 1fr;gap:6px 20px}.toc li{font-size:.9rem;color:#555}.toc a{color:#667eea;text-decoration:none;transition:color .2s}.toc a:hover{color:#764ba2;text-decoration:underline}.section{margin-bottom:38px}.section h2{font-size:1.15rem;font-weight:700;color:#222;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f0e6ff;display:flex;align-items:center;gap:10px}.section h2 .num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,#667eea 0,#764ba2 100%);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}.section li,.section p{font-size:.95rem;line-height:1.75;color:#444;margin-bottom:10px}.section ol,.section ul{padding-left:22px;margin-bottom:10px}.section li{margin-bottom:5px}.info-box{background:#f8f9fa;border-left:4px solid #667eea;border-radius:0 8px 8px 0;padding:16px 20px;margin:14px 0}.info-box p{margin-bottom:4px!important}.warning-box{background:#fff8e6;border-left:4px solid orange;border-radius:0 8px 8px 0;padding:16px 20px;margin:14px 0}.warning-box p{margin-bottom:4px!important}.page-footer{margin-top:50px;padding-top:24px;border-top:2px solid #f0e6ff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.page-footer .date{font-size:.85rem;color:#999}.back-link a{color:#667eea;text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s}.back-link a:hover{color:#764ba2;text-decoration:underline}@media (max-width:700px){.container{padding:30px 22px}.page-header h1{font-size:1.5rem}.toc ol{grid-template-columns:1fr}}