*{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(135deg,#667eea 0%,#764ba2 100%);padding:15px 30px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.header a{color:#fff;font-size:20px;font-weight:600;text-decoration:none;transition:opacity .3s}.header a:hover{opacity:.8}.content{padding:40px 30px}h1{color:#2c3e50;text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%) text;margin-bottom:20px;font-size:32px}h2{color:#34495e;background:linear-gradient(90deg,rgba(52,152,219,.1) 0%,transparent 100%);border-left:4px solid #3498db;margin:30px 0 15px;padding:10px 0 10px 15px;font-size:24px}p{margin-bottom:15px;font-size:16px;line-height:1.8}.step-list{background:#f8f9fa;border-left:4px solid #28a745;border-radius:10px;margin:20px 0;padding:20px}.step-list p{margin-bottom:10px;padding-left:25px;position:relative}.step-list p:before{content:"✅";position:absolute;top:0;left:0}.tool-link{color:#3498db;font-weight:600;text-decoration:none;transition:color .3s}.tool-link:hover{color:#2980b9;text-decoration:underline}.highlight-box{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);border-left:4px solid #ff6b6b;border-radius:10px;margin:20px 0;padding:20px}.scenario-box{background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);border-radius:10px;margin:20px 0;padding:20px}.footer{color:#ecf0f1;text-align:center;background:#2c3e50;padding:30px}.footer a{color:#3498db;margin:0 15px;text-decoration:none;transition:color .3s}.footer a:hover{color:#2980b9}.emoji{margin:0 5px;font-size:1.2em}@media (max-width:768px){.page{margin:0}.header,.content{padding:20px 15px}h1{font-size:24px}h2{font-size:20px}}