*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.page{background:#fff;max-width:1200px;min-height:100vh;margin:0 auto;box-shadow:0 0 20px rgba(0,0,0,.1)}.header{background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #eee;padding:20px 30px}.header a{color:#fff;font-size:18px;font-weight:600;text-decoration:none}.header a:hover{text-decoration:underline}.content{padding:40px 30px}h1{color:#2c3e50;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#667eea,#764ba2) text;margin-bottom:20px;font-size:32px}h2{color:#34495e;border-left:4px solid #667eea;margin:30px 0 15px;padding-left:15px;font-size:24px}h3{color:#2c3e50;margin:25px 0 12px;font-size:20px}p{margin-bottom:15px;font-size:16px;line-height:1.8}.tool-link{color:#fff;background:linear-gradient(45deg,#667eea,#764ba2);border-radius:25px;margin:10px 0;padding:12px 24px;font-weight:600;text-decoration:none;transition:transform .3s;display:inline-block}.tool-link:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.steps{background:#f8f9fa;border-left:4px solid #28a745;border-radius:10px;margin:20px 0;padding:25px}.step{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.step-number{color:#fff;text-align:center;background:#667eea;border-radius:50%;width:30px;height:30px;margin-right:10px;font-weight:700;line-height:30px;display:inline-block}.qa-section{background:#e3f2fd;border-radius:10px;margin:25px 0;padding:20px}.qa-item{background:#fff;border-radius:8px;margin-bottom:15px;padding:15px}.question{color:#1976d2;margin-bottom:8px;font-weight:700}.answer{color:#555}.highlight{background:linear-gradient(120deg,#a8edea 0%,#fed6e3 100%);border-left:4px solid #ff6b6b;border-radius:10px;margin:20px 0;padding:20px}.footer{color:#fff;text-align:center;background:#2c3e50;padding:30px}.footer a{color:#3498db;margin:0 15px;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width:768px){.page{margin:0}.content{padding:20px 15px}h1{font-size:24px}h2{font-size:20px}.header{padding:15px 20px}}