*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;font-family:Arial,sans-serif}.home{width:100%}.hero{text-align:center;padding:80px 20px}.hero h1{color:#111827;font-size:4rem}.hero p{color:#555;margin-top:15px;font-size:1.2rem}.upload-box{background:#fff;border:2px dashed #cbd5e1;border-radius:12px;max-width:600px;margin:40px auto;padding:40px}.upload-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;margin-top:20px;padding:12px 24px}.tools{padding:50px 20px}.tools h2{text-align:center;margin-bottom:30px}.tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.tool-card{text-align:center;background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #00000014}.promo{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;padding:50px 20px;display:grid}.promo-card{color:#fff;background:#111827;border-radius:12px;padding:30px}.promo-card a{color:#60a5fa;text-decoration:none}footer{text-align:center;color:#fff;background:#111827;padding:30px}.upload-btn{color:#fff;cursor:pointer;background:#2563eb;border-radius:8px;margin-top:20px;padding:12px 24px;font-weight:600;display:inline-block}.upload-btn:hover{background:#1d4ed8}.tool-card{cursor:pointer;transition:all .2s}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}
