body{background:linear-gradient(135deg,#fff,#fff2e8);margin:0;font-family:Inter,sans-serif}.page{justify-content:center;padding:50px 20px;display:flex}.card{background:#fff;border:1px solid #eee;border-radius:16px;margin-bottom:20px;padding:26px;transition:all .3s}.card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000014}.header{color:#fff;background:linear-gradient(135deg,#0f0f0f,#1a1a1a)}.header h1{margin:10px 0;font-size:28px;line-height:1.3}.header .subtitle{color:#ccc;font-size:14px}.tag{text-transform:uppercase;letter-spacing:1.5px;color:#ff6a00;font-size:12px;font-weight:600}.highlight{border-left:4px solid #ff6a00;font-weight:500}h2{color:#0f0f0f;margin-bottom:12px;padding-left:12px;font-size:18px;position:relative}h2:before{content:"";background:#ff6a00;border-radius:2px;width:4px;height:18px;position:absolute;top:3px;left:0}p{color:#666;line-height:1.7}.bold{font-weight:600}ul{padding-left:20px}ul li{color:#666;margin-bottom:10px;line-height:1.6}ul li::marker{color:#ff6a00}.danger{border-left:4px solid #ff3b3b}.success{border-left:4px solid #00a86b}@media (max-width:768px){.header h1{font-size:22px}.card{padding:18px}}